1. Продукти
  2.   Електронна таблица
  3.   JavaScript
  4.   SlickGrid
 
  

Безплатен JavaScript Spreadsheet Component за бърза рендиране и обработка

Open Source Free JavaScript Spreadsheet компонент позволява бързо рендиране, управление на редове, разрешаване на колони, обработка на клетки и т.н.

Много скоростен напълно отворен код JavaScript решетка/разпространяващ лист позволява на разработчиците на софтуер да генерират богати мрежи с потребителски контроли и дисплеи. Компонентът поддържа виртуално предаване, което дава възможност на потребителите да работят със стотици хиляди артикули без спад в производителността. Което означава, че SlickGrid е в състояние да управлява мрежа със 100 реда или 100 хиляди реда, без да се компрометира производителността. Преди това той поддържаше jQuery I Themes, но от SlickGrid 3.0.0, екипът премахна целия свързан код и го замени с по-модерен SortableJS.

SlickGrid-те компонента са напълно приспособими и осигуряват изключително бърза скорост на рендериране. Компонентът включва няколко важни функции за управление на електронни таблици, като например рендиране на електронни таблици, възпроизвеждане на по-богати клетки, клавиатурна навигация, колони за рендиране, показване/вване на редове Съвместима е с рамки, фокусирани върху данни и с Bootstrap

Previous Next

Започваме с SlickGrid

Препоръчителният начин за инсталиране на SlickGrid, е да инсталирате SlickGrid, просто добавете следния скрипт етикет в браузъра.

Инсталирайте SlickGrid чрез цифрата

npm install slickgrid

Можете да изтеглите компилираната споделена библиотека от хранилището на GitHub и да я инсталирате.

Как да обединим клетките с помощта на JavaScript API?

Сливането на клетки в електронна таблица е много полезна функция, която често се използва за насочване на текст в няколко реда или колони и може да бъде полезно да се комбинират струните от данни на две или повече клетки. Основната му цел е да направи данните представителни и четими за крайния потребител. Open Source SlickGrid JavaScript позволява на разработчиците на софтуер да комбинират множество клетки, редове или колони в собствените си JavaScript приложения.

Ръчни клетки, които се сливат през 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;
}

Редактиране на колони за електронни таблици, Ross Cells чрез S

Компонентът SlickGrid позволява на разработчиците на софтуер да обработват електронни таблици по различни начини в своите JavaScript приложения. Библиотеката е предоставила няколко важни функции за обработка на електронни таблични клетки, колони и редове като, вмъкване на нови клетки, редактиране на съществуващи клетки, изтриване на нежелани клетки. Той също така предостави поддръжка за колоните за автоматично оразмеряване, пребиваване, рендиране, показване и скриване на колони и редове, използвайки JavaScript команди.

Добавяне на нов Row Щракнете върху Редактиране на Cell чрез 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);

Автомобилно колоездене JavaScript API

Компонентът с отворен код SlickGrid е предоставил много полезна функция за прилагане на оразмеряване на автоколони в JavaScript приложения. Той предоставя колона, която позволява на мрежата да прави интелигентни селекции за ширината на колоните си въз основа на съдържанието на клетките на заглавката и редовете. Моля, не забравяйте, че данните трябва да бъдат предоставени за разрешаване и че трябва да има данни, които да се тестват за размер, защото е много трудно за автоматизиран алгоритъм за мащабиране да работи без никакви данни.

 Български