1. Produse
  2.   Foaie de calcul
  3.   JavaScript
  4.   SlickGrid
 
  

Componenta gratuită a JavaScript de foi de calcul pentru accelerarea și procesarea

Componenta Open Source Free JavaScript Spreadsheet permite redarea rapidă, gestionarea rândurilor, autorizarea coloanei, manipularea celulelor și așa mai departe.

O componentă foarte rapidă open source JavaScript grilă / foaie de calcul permite dezvoltatorilor de software să genereze rețele bogate cu controale personalizate și afișaje. Componenta suportă redarea virtuală care împuternicește utilizatorii să lucreze cu sute de mii de articole fără nici o scădere a performanței. Ceea ce înseamnă că SlickGrid este capabil să manipuleze o rețea cu 100 de rânduri sau 100 de mii de rânduri fără a compromite performanța. Anterior, a fost folosit pentru a susține jQuery I Temes, dar de la SlickGrid 3.0.0, echipa a eliminat tot codul aferent și l-a înlocuit cu mai mult modern SortableJS.

Componenta SlickGrid este complet personalizabilă și oferă o viteză de redare extrem de rapidă. Componenta a inclus mai multe caracteristici importante pentru gestionarea foilor de calcul, cum ar fi redarea foilor de calcul, a ante-renderării pentru celule mai bogate, a stilurilor de navigare, a coloanelor de redare, afișare. Este compatibil cu cadre centrate pe date și cu Bootstrap

Previous Next

A început cu SlickGrid

Modul recomandat de instalare SlickGrid, este folosind numere, Pentru a instala SlickGrid, adăugați următoarea etichetă de script în browser.

Instalați SlickGrid prin numere

npm install slickgrid

Puteți să descărcați biblioteca partajată compilată din depozitul GitHub și să o instalați.

Cum se utilizează celulele JavaScript API?

Fuziunea celulelor într-o foaie de calcul este o caracteristică foarte utilă care este adesea folosită pentru a centra textul pe mai multe rânduri sau coloane și poate fi utilă combinarea firelor de date a două sau mai multe celule. Scopul său principal este de a face datele disponibile și lizibile pentru utilizatorul final. Componenta Open Source SlickGrid JavaScript permite dezvoltatorilor de software să combine mai multe celule, rânduri sau coloane în interiorul propriilor JavaScript de aplicații.

Celulele foii de calcul fuzionează prin JavaScript API

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;
}

Editați Spreadsheet Columns, Ross Cells prin S

Componenta SlickGrid permite dezvoltatorilor de software să gestioneze celulele foii de calcul în diferite moduri în cadrul celor JavaScript de aplicații. Biblioteca a oferit mai multe caracteristici importante pentru manipularea celulelor foii de calcul, coloane și rânduri, cum ar fi inserarea de noi celule, editarea celulelor existente, ștergerea celulelor nedorite. Acesta a oferit, de asemenea, suport pentru coloane de dimensiuni auto, rezidenți, redare, afișare și ascundere coloane și rânduri folosind JavaScript de comenzi.

Adăugați New Row Click pentru a edita celula prin JavaScript 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);

Autoportună prin JavaScriptAPI

Componenta open source SlickGrid a oferit o caracteristică foarte utilă pentru aplicarea dimensionării auto-coloanei în JavaScript de aplicații. Acesta oferă o coloană care permite rețelei să facă selecții inteligente cu privire la lățimea coloanelor sale bazate pe conținutul celular al antetului și rândurilor. Vă rugăm să rețineți că datele trebuie furnizate pentru autorizare și că trebuie să existe date prezente pentru a testa dimensiunea, deoarece este foarte greu pentru un algoritm de dimensionare automată să funcționeze fără date.

 Română