97超碰资源总站,国产精品永久,哦哦哦好爽国产人妖

前端表格控件SpreadJS使用教程：如何將客戶端窗口小部件添加到瀏覽器頁面

轉帖|使用教程|編輯：莫成敏|2020-04-02 09:31:28.353|閱讀 186 次

概述：SpreadJS 是一款基于 HTML5 的純前端電子表格控件，兼容 450 種以上的 Excel 公式。本文介紹了如何將客戶端窗口小部件添加到瀏覽器頁面。

SpreadJS 是一款基于 HTML5 的純前端電子表格控件，兼容 450 種以上的 Excel 公式，憑借其 “高性能、跨平臺、與 Excel 高度兼容”的產品特性，備受以華為、招商銀行、蘇寧易購、天弘基金等為代表的企業用戶青睞。在帶來親切的 Excel 使用體驗的同時，滿足 Web Excel 組件開發、數據填報、Excel 類報表設計、表格文檔協同編輯應用等業務場景，極大降低了企業研發成本和項目交付風險。本文介紹了如何將客戶端窗口小部件添加到瀏覽器頁面。

點擊下載SpreadJS正式版

使用以下步驟將客戶端窗口小部件添加到瀏覽器頁面。

1、添加頁面的JavaScript。以下代碼是一個一般示例。

JavaScript

<!DOCTYPE html>
 <html>
 <head>
     <title>Spread HTML test page</title>

2、添加SpreadJS腳本。Spread提供腳本的縮小版本和調試版本。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文件作為默認外觀（影響滾動條的樣式，過濾器對話框的樣式以及子元素、單元格和標簽條）。

//<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、添加產品許可證。例如， GC.Spread.Sheets.LicenseKey = “xxx”;

5、實現初始化和任何其他代碼。本示例在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、創建作為SpreadJS小部件目標的DOM元素。

JavaScript

<div id="ss" style="height: 500px; width: 800px"></div>
</body>
</html>

要正確查看窗口小部件，需要<！DOCTYPE html>。

本文內容就是這樣了，希望對您有所幫助~感興趣的朋友可以下載SpreadJS試用版免費體驗，您也可以關注我們慧都網，了解最新的產品資訊~

相關內容推薦：

SpreadJS新人入門學習 >>>

想要購買SpreadJS正版授權，或了解更多產品信息請點擊

標簽：

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

文章轉載自：

上一篇：跨平臺圖表控件Anychart教程：通過四個簡單步驟制作JS燭臺圖（下）下一篇：UML軟件開發與建模工具Enterprise Architect教程：創建項目特定的代碼生成器（下）

相關產品

控件

產品功能：文檔管理

源碼：非開源

產品編號：13558

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

開發商： GrapeCity

正式授權

">SpreadJS

面向企業級應用開發、基于HTML5的純JavaScript電子表格控件。

最新文章 MORE

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

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

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發社群

前端表格控件SpreadJS使用教程：如何將客戶端窗口小部件添加到瀏覽器頁面

用科技創就卓越

Create excellence with technology

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

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發社群

前端表格控件SpreadJS使用教程：如何將客戶端窗口小部件添加到瀏覽器頁面

為你推薦

用科技創就卓越

Create excellence with technology