纯前端表格控件 SpreadJS 新手入门指南 - 数据绑定

点击获取SpreadJS v15.0官方正式版下载

表单级别绑定

可以使用setDataSource和getDataSource方法绑定数据源，获取数据源。

绑定列时可以通过设置formatter指定列的展示样式，例如数据源的出生日期格式为："DATE_OF_BIRTH":"1958-10-26 00:00:00"，设置formatter:'yyyy/m/d'后出生日期显示为：

还可自定义设置某列的样式展示为checkbox等，例如下图过敏史一列：

单元格级别的绑定

可以使用getBindingPath方法获取指定单元格的绑定信息。点击单元格，如果是有绑定的数据源可以获取该单元格的绑定信息：

表格绑定

表格绑定是一种特定的单元格级别的绑定，可以给表格绑定不同的数据，点击按钮，给表格绑定不同数据源。

点击按钮，绑定新的数据源，结果如下图：

SpreadJS | 下载试用

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

本文转载自葡萄城