彩票走势图

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

转帖|使用教程|编辑:莫成敏|2020-04-02 09:31:28.353|阅读 143 次

概述:SpreadJS 是一款基于 HTML5 的纯前端电子表格控件,兼容 450 种以上的 Excel 公式。本文介绍了如何将客户端窗口小部件添加到浏览器页面。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

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@pclwef.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP