dhtmlxSpreadsheet是用純JavaScript編寫的開源電子表格小部件，可讓您快速在網(wǎng)頁上添加類似于Excel的可編輯數(shù)據(jù)表。高度可定制的JavaScript電子表格組件，具有優(yōu)雅的Material樣式，可安全、方便地編輯和格式化數(shù)據(jù)。

點(diǎn)擊下載dhtmlxSpreadsheet

DHTMLX JavaScript電子表格庫的春季發(fā)布帶來了Web應(yīng)用程序中的數(shù)據(jù)分析和報(bào)告必不可少的新功能。此更新使您可以創(chuàng)建和使用多個(gè)工作表以及它們之間的交叉引用。v4.1中提供了新的方法，配置選項(xiàng)和事件，可以輕松地微調(diào)DHTMLX電子表格并將其合并到任何Web應(yīng)用程序中。

處理多個(gè)工作表

從v4.1開始，用戶可以根據(jù)需要創(chuàng)建和管理盡可能多的工作表。可以添加，重命名和刪除工作表，在工作表之間進(jìn)行切換并受益于交叉引用。交叉引用使您可以合并來自不同工作表的數(shù)據(jù)，并在整個(gè)電子表格中應(yīng)用引用單元格的公式。

由于有了新的上下文菜單，處理幾張紙既簡單又直觀。如果右鍵單擊任何工作表選項(xiàng)卡，您將看到帶有可用選項(xiàng)的菜單。因此，您可以快速刪除并重命名工作表。

通過API管理工作表

在DHTMLX Spreadsheet中設(shè)置多個(gè)工作表非常容易。默認(rèn)情況下，multiSheets配置屬性設(shè)置為true。如果要禁用它，只需將其值指定為false即可。

var spreadsheet = new dhx.Spreadsheet(document.body, {          
    multiSheets: false
});

var styledData = {
    styles: {
        someclass: {
            background: "#F2F2F2",
            color: "#F57C00"
        }
    },
    sheets : [
        // create sheets with custom configurations (names and ids)
        { 
            name: "sheet 1", 
            id: "sheet_1", 
            data: [
                { cell: "a1", value: "Country" },
                { cell: "b1", value: "Product" },
            ]
        }, 
        { 
            name: "sheet 2", 
            id: "sheet_2", 
            data: [
                { cell: "a1", value: "Country" },
                { cell: "b1", value: "Product" },
            ]
        },
        // create a sheet with the default configuration
        { 
            data: [
                { cell: "a1", value: "Country" },
                { cell: "b1", value: "Product" },
            ]
        } 
    ]
};
 
spreadsheet.parse(styledData);

請注意，只有啟用了multiSheets配置選項(xiàng)，才可以使用這些方法來管理多張圖紙。

聆聽用戶操作

v4.1中引入的新事件可確保DHTMLX電子表格的交互性，從而增強(qiáng)了用戶體驗(yàn)。它們允許跟蹤諸如添加和刪除工作表，重命名工作表以及在工作表之間切換之類的用戶操作。在執(zhí)行某個(gè)動作之前和之后，都有一個(gè)單獨(dú)的事件觸發(fā)。

其他更新
v4.1中提供的另一個(gè)新功能是可以通過getFormula方法獲取單元格公式的功能。此方法可以從活動工作表以及指定為參數(shù)的任何工作表以及單元格的ID返回公式：

var formula = spreadsheet.formula("sheet1!B2");

還更新了用于獲取和設(shè)置單元格值，樣式和格式，鎖定和解鎖單元格以及檢查其狀態(tài)的現(xiàn)有方法。從現(xiàn)在開始，您可以通過在單元格ID之前將所需工作表的名稱添加到方法的參數(shù)作為單元格參數(shù)，來將這些方法中的任何一種應(yīng)用于特定工作表中的單元格。

我們邀請您在30天的試用期內(nèi)免費(fèi)測試新的DHTMLX Spreadsheet v4.1。

同時(shí)，我們期待您的反饋。請隨時(shí)在下面的討論中留下您的評論，或通過電子郵件將您的問題發(fā)送給我們的技術(shù)支持團(tuán)隊(duì)。

APS幫助提升企業(yè)生產(chǎn)效率，真正實(shí)現(xiàn)生產(chǎn)計(jì)劃可視化呈現(xiàn)與控制,快速有效響應(yīng)不同場景的生產(chǎn)計(jì)劃，提高準(zhǔn)時(shí)交貨能力，提高產(chǎn)能和資源利用率