SpreadJS单元格绑定数据

发布时间:2015/09/18 00:09 发布者:frank.zhang

返回博客中心

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,快来官网了解并下载它吧!


关于葡萄城

赋能开发者!葡萄城是专业的集开发工具、商业智能解决方案、低代码开发平台于一身的软件和服务提供商,为超过 75% 的全球财富 500 强企业提供服务。葡萄城专注控件软件领域30年,希望通过模块化的开发控件、灵活的低代码应用开发平台等一系列开发工具、解决方案和服务,帮助开发者快速响应复杂多变的业务需求,最大程度地发挥开发者的才智和潜能,让开发者的 IT 人生更从容更美好。

了解详情,请访问葡萄城官网