GridJs İstemci Tarafı ile Çalışma

GridJs istemcisini temel alarak geliştirdikx-elektronik tablo.

ana adımlar şunlardır:

x_spreadsheet örneği oluştur

xs = x_spreadsheet(id, options)

json verilerini yükle

xs.loadData(jsondata.data)

aktif sayfayı ayarla

xs.setActiveSheetByName(jsondata.actname)

aktif hücreyi ayarla

xs.setActiveCell(jsondata.actrow,jsondata.actcol);

örneğin aşağıdaki kod bir x_spreadsheet nesnesi başlatır.

 xs = x_spreadsheet('#gridjs-demo', {
			updateMode:'server',
			updateUrl:'/GridJs2/UpdateCell',
			mode: 'edit',
			showToolbar: true,
                        local: 'en',
            showContextmenu: true
        }).loadData(sheets)

// seçenekler için parametreler: updateMode: şu anda yalnızca ‘sunucu’yu destekliyoruz updateUrl: json tabanlı güncelleme eylemi için sunucu tarafı url’sini ayarlayın mod: okuma, salt okunur tablo anlamına gelir/düzenle, elektronik tabloyu düzenleyebileceğimiz anlamına gelir showToolbar: araç çubuğunun gösterilip gösterilmeyeceği anlamına gelir showFileName: dosya adının gösterilip gösterilmeyeceği yerel: menüler için çoklu dili destekler, yerel ayar şu şekilde olabilir: ingilizce, çince, İspanyolca, Portekizce, almanya, Rusça, Hollandaca için en, cn, es, pt, de, ru, nl showContextmenu: bir hücreye sağ tıklandığında bağlam menüsünün gösterilip gösterilmeyeceği anlamına gelir

diğer faydalı api’ler

Görünümü oluştur

xs.reRender()

Seçilen Görüntüyü/şekli Al��hiçbir şey yoksa, seçim null değerini döndürmez

xs.sheet.selector.getObj()

Hücre nesnesini al

xs.sheet.data.getCell(ri,ci)
    // the parameters are:
    ri:row index 
	ci:column index

Hücre stilini al

xs.sheet.data.getCellStyle(ri,ci)
    // the parameters are:
    ri:row index 
	ci:column index

Hücre değerini ayarla

xs.sheet.data.setCellText(ri,ci,value,state)
    // the parameters are:
    ri:row index 
	ci:column index
	value:the cell value
	state: input | finished

Seçili hücre aralığını Al/Ayarla

xs.sheet.data.selector.range

Seçilen hücre veya hücre alanı için hücre değerini ayarlayın

xs.sheet.data.setSelectedCellText(value)
    // the parameters are:
	value:the  value for the cell

Seçilen hücre veya hücre alanı için stili ayarlayın

xs.sheet.data.setSelectedCellAttr(attributename,value)
    // the parameters are:
    attributename:font-name | font-bold | font-italic | font-size  | format|border|merge|formula |strike|textwrap |underline |align |valign |color|bgcolor|pattern
	value:the  value for the attribute

Seçilen hücre alanını birleştir

xs.sheet.data.merge()

Seçilen hücre alanını ayır

xs.sheet.data.unmerge()

Seçili hücreyi sil

xs.sheet.data.deleteCell(what)
    // the parameters are:
    what:all|format  all: means delete the cell and clear the style ;format means delete the cell value and keep the cell style

Dondur bölmesini ayarla

xs.sheet.data.setFreeze(ri,ci)
    // the parameters are:
    ri:row index 
	ci:column index

Seçili hücreye satır veya sütun ekle

xs.sheet.data.insert(type, n)
    // the parameters are:
    type: row | column
	n:the row or column number

Seçili hücredeki satır veya sütunları sil

xs.sheet.data.delete(type)
    // the parameters are:
    type: row | column

Sütun için genişliği ayarlayın

xs.sheet.data.setColWidth(ci,width)
    // the parameters are:
    ci:column index
	width:the width for the column

Sütun için genişliği alın

xs.sheet.data.cols.sumWidth(min,max)
    // the parameters are:
    min:the start column index
	max:the end column index,not include

Satır için yüksekliği ayarlayın

xs.sheet.data.setRowHeight(ri,height)
    // the parameters are:
    ri:row index
	height:the height for the row

Satır için yüksekliği al

xs.sheet.data.rows.sumHeight(min,max)
    // the parameters are:
    min:the start row index
	max:the end row index,not include

Ekran yönünü Al/Ayarla

xs.sheet.data.displayRight2Left

detaylı bilgi için buradan örneği inceleyebilirsiniz https://github.com/aspose-cells/Aspose.Cells-for-.NET/tree/master/Examples_GridJs