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 licenseGC.Spread.Sheets.LicenseKey = “xxx”;// Add your codewindow.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正版授权，或了解更多产品信息请点击【咨询在线客服】
标签：
来源：慧都
声明：本站部分文章及图片转载于互联网，内容版权归原作者所有，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！