1. Các sản phẩm
  2.   Bảng tính
  3.   JavaScript
  4.   SlickGrid
 
  

JavaScript bảng quảng cáo miễn phí cho Speedy Rendering và chế biến

Mở nguồn tự do JavaScript Thành phần bảng tính cho phép kết xuất nhanh, quản lý hàng, cấp bằng cột, xử lý tế bào và vân vân.

Một nguồn mở rộng hoàn toàn tốc độ JavaScript thành phần của hệ thống thông tin cho phép các nhà phát triển phần mềm tạo ra các mạng lưới giàu có với hệ thống điều khiển và hiển thị. Thành phần hỗ trợ ảo hình mà người dùng có thể làm việc với hàng trăm ngàn vật phẩm mà không có bất cứ thứ gì xảy ra. Điều đó có nghĩa là SlickGrid có khả năng xử lý một mạng lưới với 100 hàng hay 100 ngàn hàng mà không ảnh hưởng đến hiệu suất. Trước đây nó từng hỗ trợ jQuery chủ đề của tôi nhưng từ SlickGrid 3.0.0, đội đã loại bỏ tất cả các mã liên quan và thay thế nó bằng SortableJS hiện đại hơn.

Thành phần SlickGrid hoàn toàn tùy biến và cung cấp tốc độ xuất hiện cực nhanh. Thành phần bao gồm một số tính năng quan trọng để quản lý các tấm bảng, như các bảng quảng cáo, hỗ trợ bưu chính cho các tế bào giàu hơn, hướng dẫn bàn phím, các cột, các cột, các cột, các cột, các cột, các cột, các hàng mới, chỉnh sửa các hàng mới, các biên tập viên đa trường với sự hỗ trợ vô dụng, thêm định dạng và phong cách và vân vân vân. Nó tương thích với các khung dữ liệu và với Bootstrap

Previous Next

Bắt đầu với SlickGrid

Cách khuyến nghị để cài đặt SlickGrid là sử dụng npm. Để cài đặt SlickGrid, chỉ cần thêm thẻ script sau vào trình duyệt.

Cài đặt SlickGrid qua num

npm install slickgrid

Bạn có thể tải xuống thư viện được chia sẻ đã biên dịch từ kho lưu trữ GitHub và cài đặt nó.

Sao Merge Cells dùng JavaScript API?

Các tế bào bên trong một tấm bảng lan rộng là một tính năng rất hữu dụng thường được sử dụng cho văn bản trung tâm qua vài hàng hay các cột và có thể có ích để kết hợp chuỗi dữ liệu của hai hoặc nhiều tế bào khác. Mục đích chính của nó là làm dữ liệu có thể hiện diện và đọc được cho người dùng cuối cùng. Nguồn mở SlickGrid JavaScript cho phép các nhà phát triển phần mềm kết hợp các tế bào, hàng, hay các cột trong JavaScript ứng dụng của họ.

Các tế bào bảng thông qua 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;
}

Edit Spreadsheet Columns, Ross và Cells qua S

Thành phần SlickGrid cho phép các nhà phát triển phần mềm xử lý các tế bào lan truyền trong các ứng dụng JavaScript của họ. Thư viện đã cung cấp vài tính năng quan trọng để xử lý các tế bào, các cột, và hàng như, lắp các tế bào mới, chỉnh sửa các tế bào hiện tại, xóa các tế bào không mong muốn. Nó cũng cung cấp sự hỗ trợ cho các cột tự động, hướng dẫn, kết xuất, xuất hiện, và che dấu các cột và hàng dùng JavaScript lệnh.

Thêm hàng mới vào Edit Cell thông qua 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);

Auto Column Siding qua JavaScript API

Nguồn mở SlickGrid đã cung cấp một tính năng rất hữu ích cho việc áp dụng thuốc tự động trong JavaScript ứng dụng. Nó cung cấp một cột cho phép API cho lưới để tạo ra những lựa chọn thông minh về chiều rộng của các cột dựa trên nội dung di động của tiêu đề và hàng. Hãy nhớ dữ liệu đó phải được cung cấp để cho phép và rằng có dữ liệu hiện diện để kiểm tra kích thước bởi vì nó rất khó cho một thuật toán tự động để làm việc mà không có dữ liệu.

 Tiếng Việt