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