JavaScript חינם גיליון אלקטרוני עבור עיבוד מהיר עיבוד

מתחילים עם SlickGrid

הדרך המומלצת להתקין SlickGrid, היא להשתמש ב-num, כדי להתקין SlickGrid, פשוט להוסיף את התג הבא בדפדפן.

npm install slickgrid 

אתה יכול להוריד את הספרייה המשותפת שהורכבה ממאגר GitHub ולהתקין אותו.

איך להשתמש ב-7API תאים?

תאי מיזוג בתוך גיליון אלקטרוני הוא תכונה שימושית מאוד אשר משמש לעתים קרובות למרכז טקסט על פני כמה שורות או עמודות יכול להיות מועיל לשלב מחרוזות נתונים של שני תאים או יותר. המטרה העיקרית שלה היא להפוך את הנתונים זמינים לקריאה עבור משתמש הקצה. קוד פתוח SlickGrid JavaScript מאפשר למפתחי תוכנה לשלב תאים מרובים, שורות או עמודות בתוך JavaScript היישומים שלהם.

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

Edit Spreadsheet עמודי, רוס תאים דרך S

רכיב SlickGrid מאפשר למפתחי תוכנה לטפל בתאי גיליון אלקטרוני בדרכים שונות בתוך JavaScript היישומים שלהם. הספריה סיפקה מספר תכונות חשובות לטיפול בתאי גיליון אלקטרוני, עמודות ושורות כגון, הוספת תאים חדשים, עריכת תאים קיימים, מחיקת תאים לא רצויים. הוא גם סיפק תמיכה עבור עמודות בגודל אוטומטי, מגורים, עיבוד, תצוגה, ושורות מחבוא באמצעות JavaScript פקודות.

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 יישומים. הוא מספק עמודה המאשרת API שמאפשרת לרשת לבצע בחירות אינטליגנטיות על רוחב עמודותיה בהתבסס על תוכן התא של הכותרת והשורות. יש לזכור כי הנתונים חייבים להיות מסופקים עבור אישור וכי חייב להיות נתונים כדי לבדוק את גודל כי זה קשה מאוד עבור אלגוריתם בגודל אוטומטי לעבוד ללא נתונים.