前端表格控件SpreadJS使用教程:如何将客户端窗口小部件添加到浏览器页面

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进行处理,非常感谢!

上一篇 2020年3月1日
下一篇 2020年3月1日

相关推荐

发表回复

登录后才能评论