翻譯|使用教程|編輯:楊鵬連|2020-10-13 10:22:54.793|閱讀 299 次
概述:本指南將為您提供有關(guān)如何在頁面上創(chuàng)建dhtmlxSpreadSheet的詳細說明,以利用強大的工作表功能豐富您的應(yīng)用程序。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
dhtmlxSpreadsheet是用純JavaScript編寫的開源電子表格小部件,可讓您快速在網(wǎng)頁上添加類似于Excel的可編輯數(shù)據(jù)表。高度可定制的JavaScript電子表格組件,具有優(yōu)雅的Material樣式,可安全、方便地編輯和格式化數(shù)據(jù)。
本指南將為您提供有關(guān)如何在頁面上創(chuàng)建dhtmlxSpreadSheet的詳細說明,以利用強大的工作表功能豐富您的應(yīng)用程序。請按照以下步驟獲取可立即使用的組件:
<!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>
包括源文件
下載安裝包并將其解壓縮到項目的文件夾中。
要創(chuàng)建dhtmlxSpreadSheet,您需要在頁面上包括2個源文件:
<script type="text/javascript" src="codebase/spreadsheet.js"></script> <link rel="stylesheet" href="codebase/spreadsheet.css">SpreadSheet包的結(jié)構(gòu)如下:
為SpreadSheet添加一個容器并為其指定一個ID,例如“ ssheet”:
<div id="ssheet"></div>
初始化dhtmlxSpreadSheet
使用dhx.Spreadsheet對象構(gòu)造函數(shù)初始化dhtmlxSpreadSheet 。構(gòu)造函數(shù)有兩個參數(shù):
// creating dhtmlxSpreadSheet var ssheet = new dhx.Spreadsheet("ssheet", {// config options});配置屬性
這是可以在SpreadSheet配置對象中指定的屬性列表:
var ssheet = new dhx.Spreadsheet("ssheet", { rowsCount:10, colsCount:10 });APS幫助提升企業(yè)生產(chǎn)效率,真正實現(xiàn)生產(chǎn)計劃可視化呈現(xiàn)與控制,快速有效響應(yīng)不同場景的生產(chǎn)計劃,提高準時交貨能力,提高產(chǎn)能和資源利用率
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自: