1. Ürün:% s
  2.   E-tablo
  3.   JavaScript
  4.   SlickGrid
 
  

Hızlı Render ve İşleme için Free JavaScript Pathsheet Hardware for Speedy Rendering & Processing

Open Source Free JavaScript Sayfa bileşeni hızlama, satırları yönetme, sütun yazarlaştırma, hücreler işleme ve böylece devam etmesine izin verir.

Çok hızlı bir tam açık kaynak JavaScript grid/spreadsheet bileşeni, yazılım geliştiricilerinin özel kontroller ve görüntülerle zengin ızgaralar üretmelerini sağlar. Parça, kullanıcıların performansta herhangi bir düşüş olmadan yüzlerce binlerce ürünle çalışmasını sağlayan sanal işlemeyi destekler. Bu, SlickGrid'ın performanstan ödün vermeden 100 sıra veya 100 bin sıraya sahip bir şebekeye sahip olması anlamına gelir. Daha önce jQuery I Themes'i desteklemek için kullanıldı, ancak SlickGrid.0.0'dan itibaren, ekip tüm ilgili kodu kaldırdı ve daha modern SortableJS ile değiştirildi.

SlickGrid bileşeni tamamen özelleştirilebilir ve son derece hızlı bir şekilde uygulama hızı sağlar. Parça, yeni satırlar eklemek için birkaç önemli özellik içeriyordu, tablolar, arka plan çizimleri ve stilleri eklemek gibi. Veri odaklı çerçevelerle ve Bootstrap ile uyumludur.

Previous Next

SlickGrid ile başlayın

SlickGrid'ü yüklemenin önerilen yolu num kullanıyor, SlickGrid'ü yüklemek için tarayıcıdaki aşağıdaki senaryo etiketi ekleyin.

SlickGrid'i num ile yükleyin

npm install slickgrid

Derlenen paylaşılan kitaplığı GitHub deposundan indirebilir ve yükleyebilirsiniz.

Merge Hücreleri JavaScript API kullanarak nasıl?

Bir spread sayfasının içindeki hücreler, birkaç satır veya sütunlar boyunca sık sık sık sık kullanılan çok kullanışlı bir özelliktir ve iki veya daha fazla hücredeki verileri birleştirebilmek yardımcı olabilir. Ana amacı, son kullanıcı için mevcut olan verileri sunmaktır. Açık kaynak SlickGrid JavaScript bileşeni, yazılım geliştiricilerinin birden fazla hücre, satırları veya sütunları kendi JavaScript uygulamaları içinde birleştirebilmelerini sağlar.

Sayfa Hücreleri JavaScript API ile Birleşiyor

function VerCellMergedFormatter(row, cell, value, columnDef, dataContext) {
    var options = window._renderOptions;
    if (options.lastRendering != 1) {
        return;
    }
    var items = window.getRenderDataItmes();
    var fieldName = columnDef.field;
    var rowsLength = items.length;
    var currentItem = items[row];
    var nextRowIndex = row + 1;
    if (nextRowIndex < rowsLength){
        var nextValue = items[nextRowIndex][fieldName];
        if (value == nextValue) {
            if (!options.changedCells[row]) {
                options.changedCells[row] = {};
            }
            options.changedCells[row][fieldName] = "noneline-bottom";
            options.isNextMerged = 1;
            return value;
        }
        else {
            if (options.isNextMerged == 1) {
                options.isNextMerged = 0;
                return;
            }
        }
    }
    return value;
}

Format Köşeleri, Ross & Hücreleri Sıkça Sorulan

SlickGrid bileşen, yazılım geliştiricilerinin JavaScript uygulamalarının içinde çeşitli şekillerde tablo hücreleri ele almasını sağlar. Kütüphane, geniş tablo hücreleri, sütunları ve satırları işlemek için birkaç önemli özellik sağladı, yeni hücreleri eklemek, mevcut hücreleri silmek, istenmeyen hücreleri silmek. Ayrıca, genişleyen sütunlar, oturma, boyama, görüntülenme ve JavaScript komut kullanarak sütunları ve satırları sakladı.

Yeni Row & Click to Edit Hücreye Ekle API

var d =  $scope.$grid.grid.getData();
$scope.$grid.grid.invalidateRow(d.length);
//Adds the new row as the first row.
d.unshift(item);
$scope.$grid.grid.updateRowCount();
$scope.$grid.grid.setData(d);
$scope.selectedRows = [];
$scope.selectedRows = [0];
//Sets the first row and first column as editable by clicking on it
$scope.$grid.grid.setActiveCell($scope.selectedRows,0);
//$scope.$grid.grid.gotoCell(0,0,true);
var grid = $scope.$grid.grid;
var row = $scope.selectedRows[0];
var col = 0;
grid.setActiveCell(row, col);
grid.editActiveCell(Slick.Acsiom.Editors.Text);

Auto Column Siding Tarafından JavaScript API

Açık kaynak SlickGrid bileşeni, JavaScript uygulama içinde oto-column büyüklüğü uygulamak için çok kullanışlı bir özellik sağlamıştır. Bu, şebekenin temel ve satırların hücre içeriğine dayanan sütunlarının genişliği hakkında akıllı seçim yapabilmesini sağlayan bir sütun sunar. Lütfen verinin yazarlık için sunulması gerektiğini unutmayın ve boyut için test etmek için veri olması gerekir çünkü herhangi bir veri olmadan çalışmak için otomatik boyutlandırma algoritması için çok zor.

 Türkçe