SpreadJS单元格绑定数据

SpreadJS是一个JavaScript的电子表格和网格功能控件。用于显示和管理类似Excel的数据,包含公式引擎、排序、过滤、输入控件、数据可视化、Excel导入/导出等能力。本文主要介绍 SpreadJS单元格绑定数据的方法。

发布于 2015/09/18 00:00

SpreadJS

SpreadJS是一个JavaScript的电子表格和网格功能控件。用于显示和管理类似Excel的数据,包含公式引擎、排序、过滤、输入控件、数据可视化、Excel导入/导出等能力。本文主要介绍 SpreadJS单元格绑定数据的方法。

1.打开SpreadJS Designer,新建一个Template

2015-09-17_152636

 

2.将数据源字段拖拽到表格

2015-09-17_152700

 

3.给ComboBox设置选择的值

2015-09-17_152813

2015-09-17_155709

 

4.设置超链接的值

2015-09-17_152852

 

5.导出为Javascript

2015-09-17_152927

 

6.代码

    <script type="text/javascript">
             $(document).ready(function () {       
             		var spread = new GcSpread.Sheets.Spread($("#ss")[0],{sheetCount:1});
             		var data = { name: "小李", age: 20, gender: "", email: "leo@test.com", married: true };
             		spread.fromJSON(binding); 
             		var sheet = spread.getActiveSheet();
             		sheet.setDataSource(new GcSpread.Sheets.CellBindingSource(data));
       					sheet.autoFitColumn(1);
       			});
    </script>

 

运行截图:

2015-09-17_160205

 

代码下载:

 

 

这就是你想要的SpreadJS,快来官网了解并下载它吧!

SpreadJS | 下载试用

纯前端表格控件SpreadJS,兼容 450 种以上的 Excel 公式,具备“高性能、跨平台、与 Excel 高度兼容”的产品特性,备受华为、苏宁易购、天弘基金等行业龙头企业的青睐,并被中国软件行业协会认定为“中国优秀软件产品”。SpreadJS 可为用户提供类 Excel 的功能,满足表格文档协同编辑、 数据填报、 类 Excel 报表设计等业务场景需求,极大的降低企业研发成本和项目交付风险。

如下资源列表,可以为您评估产品提供帮助:

相关产品
推荐相关案例
推荐相关资源
关注微信
葡萄城社区二维码

关注“葡萄城社区”

活字格低代码二维码

关注“活字格低代码”

想了解更多信息,请联系我们, 随时掌握技术资源和产品动态