轉(zhuǎn)帖|使用教程|編輯:莫成敏|2020-04-02 09:31:28.353|閱讀 186 次
概述:SpreadJS 是一款基于 HTML5 的純前端電子表格控件,兼容 450 種以上的 Excel 公式。本文介紹了如何將客戶端窗口小部件添加到瀏覽器頁面。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
SpreadJS 是一款基于 HTML5 的純前端電子表格控件,兼容 450 種以上的 Excel 公式,憑借其 “高性能、跨平臺(tái)、與 Excel 高度兼容”的產(chǎn)品特性,備受以華為、招商銀行、蘇寧易購、天弘基金等為代表的企業(yè)用戶青睞。在帶來親切的 Excel 使用體驗(yàn)的同時(shí),滿足 Web Excel 組件開發(fā)、數(shù)據(jù)填報(bào)、Excel 類報(bào)表設(shè)計(jì)、表格文檔協(xié)同編輯應(yīng)用等業(yè)務(wù)場(chǎng)景,極大降低了企業(yè)研發(fā)成本和項(xiàng)目交付風(fēng)險(xiǎn)。本文介紹了如何將客戶端窗口小部件添加到瀏覽器頁面。
使用以下步驟將客戶端窗口小部件添加到瀏覽器頁面。
1、添加頁面的JavaScript。以下代碼是一個(gè)一般示例。
JavaScript
<!DOCTYPE html> <html> <head> <title>Spread HTML test page</title>
2、添加SpreadJS腳本。Spread提供腳本的縮小版本和調(diào)試版本。gc.spread.sheets.all.xxxx.min.js支持Spread的所有功能。
<script src="[Your_Scripts_Path]/gc.spread.sheets.all.xxxx.min.js" type="text/javascript"></script>
3、添加CSS文件以更改外觀。使用gc.spread.sheets.xxxx.css文件作為默認(rèn)外觀(影響滾動(dòng)條的樣式,過濾器對(duì)話框的樣式以及子元素、單元格和標(biāo)簽條)。
//<link href="[Your_CSS_Path]/gc.spread.sheets.xxxx.css" rel="stylesheet" type="text/css"/> //OR <link href="[Your_CSS_Path]/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css"/> <link href="[Your_CSS_Path]/bootstrap/bootstrap-theme.min.css" rel="stylesheet" type="text/css"/>
4、添加產(chǎn)品許可證。例如, GC.Spread.Sheets.LicenseKey = “xxx”;
5、實(shí)現(xiàn)初始化和任何其他代碼。本示例在ID為'ss'的DOM元素中初始化SpreadJS小部件。
JavaScript
<script type="text/javascript"> // Add your license GC.Spread.Sheets.LicenseKey = “xxx”; // Add your code window.onload = function(){ var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"),{sheetCount:3}); var sheet = spread.getActiveSheet(); } </script> </head> <body>
6、創(chuàng)建作為SpreadJS小部件目標(biāo)的DOM元素。
JavaScript
<div id="ss" style="height: 500px; width: 800px"></div> </body> </html>
要正確查看窗口小部件,需要<!DOCTYPE html>。
本文內(nèi)容就是這樣了,希望對(duì)您有所幫助~感興趣的朋友可以下載SpreadJS試用版免費(fèi)體驗(yàn),您也可以關(guān)注我們慧都網(wǎng),了解最新的產(chǎn)品資訊~
相關(guān)內(nèi)容推薦:
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自: