日韩免费视频一区,国产主播资源,国产96在线视频播放

dhtmlxSpreadSheet用戶指南：如何在頁面上創建dhtmlxSpreadSheet

翻譯|使用教程|編輯：楊鵬連|2020-10-13 10:22:54.793|閱讀 299 次

概述：本指南將為您提供有關如何在頁面上創建dhtmlxSpreadSheet的詳細說明，以利用強大的工作表功能豐富您的應用程序。

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

點擊下載dhtmlxSpreadsheet試用版

本指南將為您提供有關如何在頁面上創建dhtmlxSpreadSheet的詳細說明，以利用強大的工作表功能豐富您的應用程序。請按照以下步驟獲取可立即使用的組件：

在頁面上包含dhtmlxSpreadSheet源文件。
為dhtmlxSpreadSheet創建一個容器。
使用對象構造函數初始化dhtmlxSpreadSheet。

<!DOCTYPE html>
<html>
    <head>
        <title>How to Start with dhtmlxSpreadSheet</title>
        <script type="text/javascript" src="/codebase/spreadsheet.js"></script>
        <link rel="stylesheet" type="text/css" href="/codebase/spreadsheet.css">
    </head>
    <body>
        <div id="spreadsheet"></div>
        <script>
            // creating dhtmlxSpreadSheet
            var spreadsheet = new dhx.SpreadSheet("spreadsheet",{document.body});
        </script>
    </body>
</html>

包括源文件

下載安裝包并將其解壓縮到項目的文件夾中。

要創建dhtmlxSpreadSheet，您需要在頁面上包括2個源文件：

spreadsheet.js
spreadsheet.css

確保為這些文件設置正確的相對路徑：

<script type="text/javascript" src="codebase/spreadsheet.js"></script>  
<link rel="stylesheet" href="codebase/spreadsheet.css">

SpreadSheet包的結構如下：

sources-庫的源代碼文件；它們易于閱讀，主要用于調試；
代碼庫-庫的混淆代碼文件；它們體積小得多，可用于生產。準備好將這些文件包括在您的應用程序中；
樣本-代碼樣本；
docs-組件的完整文檔。

創建容器

為SpreadSheet添加一個容器并為其指定一個ID，例如“ ssheet”：

<div id="ssheet"></div>

初始化dhtmlxSpreadSheet

使用dhx.Spreadsheet對象構造函數初始化dhtmlxSpreadSheet 。構造函數有兩個參數：

電子表格的HTML容器
具有配置屬性的對象

// creating dhtmlxSpreadSheet
var ssheet = new dhx.Spreadsheet("ssheet", {// config options});

配置屬性

這是可以在SpreadSheet配置對象中指定的屬性列表：

toolbarBlocks-（數組）指定將在電子表格的工具欄中顯示的按鈕塊
editLine-（boolean）隱藏/顯示編輯欄
menu-（布爾值）隱藏/顯示菜單
colsCount-（number）設置電子表格初始化時將具有的列數
rowsCount-（number）設置電子表格在初始化時將具有的行數
readonly-（boolean）啟用/禁用只讀模式
exportModulePath-（字符串）設置導出模塊的路徑
importModulePath-（字符串）設置導入模塊的路徑
autoFormat-（boolean）定義是否自動檢測單元格內容的格式
格式-（數組）定義數字格式列表

您可以在初始化期間將配置選項設置為構造函數的第二個參數：

var ssheet = new dhx.Spreadsheet("ssheet", { 
    rowsCount:10,
    colsCount:10
});

APS幫助提升企業生產效率，真正實現生產計劃可視化呈現與控制,快速有效響應不同場景的生產計劃，提高準時交貨能力，提高產能和資源利用率

想要購買dhtmlxSpreadSheet正版授權，或了解慧都APS系統請點擊

標簽：

本站文章除注明轉載外，均為本站原創或翻譯。歡迎任何形式的轉載，但請務必注明出處、不得修改原文相關鏈接，如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn

文章轉載自：

上一篇：代碼混淆系統Code Virtualizer操作詳解：在Visual Basic本機中插入保護宏下一篇：jQuery UI組件庫Kendo UI for jQuery數據管理使用教程：ListView概述

相關產品

控件

產品功能：文檔管理

源碼：非開源

產品編號：14251

當前版本：v5.2.0 [銷售以商家最新版為準，如需其他版本，請來電咨詢]

開發商： DHTMLX

正式授權

">DHTMLX Spreadsheet

高度可定制的JavaScript電子表格組件，可安全、方便地編輯和格式化數據。

最新文章 MORE

金喜正規買球相關的文章 MORE

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發社群

dhtmlxSpreadSheet用戶指南：如何在頁面上創建dhtmlxSpreadSheet

用科技創就卓越

Create excellence with technology

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發社群

dhtmlxSpreadSheet用戶指南：如何在頁面上創建dhtmlxSpreadSheet

為你推薦

用科技創就卓越

Create excellence with technology