Lynn.Dou 发表于 2021-4-9 16:18:02

模板方式下如何进行数据绑定

前言:
客户论坛发帖,想知道已经在设计器设计了字段模板,导入这个模板ssjson文件,如何与数据源相绑定呢?
在SpreadJS学习指南中有介绍3种数据绑定方式,不过都是通过代码来设置相应字段的,一些刚上手SpreadJS的小伙伴可能混淆代码的使用。
本节教程就来带领大家学习,如何导入设计好的字段模板,与数据源进行绑定。

1、在前面的教程中有演示如何通过设计器来设置相应的字段,如果小伙伴对此还不太熟悉,可以点击下方链接先去学习下。
https://gcdn.grapecity.com.cn/forum.php?mod=viewthread&tid=90168&extra=page%3D1

2、设计好模板后,可以通过设计器的导出ssjson功能导出此文件


3、以附件demo为例,testTableBinding.ssjson文件为我刚才导出的模板文件。

4、在demo中导入此文件,点击”点击绑定数据源按钮“,数据已成功绑定。


以下为点击按钮执行数据绑定的代码:
var dataSource = {
                person: [
                  {name: 'a', age: 'b', address: 'c'},
                  {name: 'a', age: 'b', address: 'c'},
                  {name: 'a', age: 'b', address: 'c'},
                  {name: 'a', age: 'b', address: 'c'}
                ]
            }
            var datasource = new GC.Spread.Sheets.Bindings.CellBindingSource(dataSource);
            sheet.setDataSource(datasource);在实际业务中,将数据源替换为我们实际的数据即可,本教程只是做演示功能用,数据较为简单。
完整代码大家可以下载附件的demo参考。
页: [1]
查看完整版本: 模板方式下如何进行数据绑定