找回密码
 立即注册

QQ登录

只需一步,快速开始

Lynn.Dou 讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-4-9 16:18  /   查看:3180  /  回复:0
前言:
客户论坛发帖,想知道已经在设计器设计了字段模板,导入这个模板ssjson文件,如何与数据源相绑定呢?
在SpreadJS学习指南中有介绍3种数据绑定方式,不过都是通过代码来设置相应字段的,一些刚上手SpreadJS的小伙伴可能混淆代码的使用。
本节教程就来带领大家学习,如何导入设计好的字段模板,与数据源进行绑定。

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

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

3、以附件demo为例,testTableBinding.ssjson文件为我刚才导出的模板文件。
image.png998217468.png
4、在demo中导入此文件,点击”点击绑定数据源按钮“,数据已成功绑定。
image.png839028320.png

以下为点击按钮执行数据绑定的代码:
  1. var dataSource = {
  2.                 person: [
  3.                     {name: 'a', age: 'b', address: 'c'},
  4.                     {name: 'a', age: 'b', address: 'c'},
  5.                     {name: 'a', age: 'b', address: 'c'},
  6.                     {name: 'a', age: 'b', address: 'c'}
  7.                 ]
  8.             }
  9.             var datasource = new GC.Spread.Sheets.Bindings.CellBindingSource(dataSource);
  10.             sheet.setDataSource(datasource);
复制代码
在实际业务中,将数据源替换为我们实际的数据即可,本教程只是做演示功能用,数据较为简单。
完整代码大家可以下载附件的demo参考。

demo.zip

2.05 MB, 下载次数: 202

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部