前言
spreadjs 作为一个类exceel控件，有着和excel基本类似的功能，但同时也有很多excel没有的独有功能。数据绑定就是其中最常用的功能之一。下面文章将详细的介绍数据绑定的原理，方式，操作以及扩展应用。
数据绑定的原理：
首先，spreadjs是一个纯前端控件，本身不包含任何后端结构，所以无法直接完成数据库绑定，spreadjs本身绑定的数据源就是用户传递到前端的一个json格式的datasource。后端的业务逻辑用户可以自行去处理。这样的好处是低耦合，前后端分离，服务器端专门处理业务逻辑，前端只负责页面展示功能，无论安全性还是规范性都更符合常见的开发习惯。
接下来，数据绑定中，无论通过设计器还是通过代码，都需要在spreadjs中建立一个个跟数据源datasource的映射关系。数据绑定是以工作表（sheet）为单位的绑定，一个sheet只能绑定一个数据源，但多个sheet可以绑定同一个数据源。
之后，当设置好映射关系之后，我们将前端接收到的数据源通过对应的接口进行填充吗，之后spreadjs会根据映射关系自动的将相关联的数据展示到对应的位置。
数据绑定本身是一个双向绑定，双向绑定顾名思义，就是当用户更新了视图的内容 （绑定项在页面上面的相关单元格内容）之后，数据源也会同时发生变化。利用这样的机制，我们可以很方便的获取用户页面上修改之后的数据。这样在一些在线填报的用户场景中，我们利用双向绑定就可以拿到用户填报之后的数据，并将其进行存储。
数据绑定的方式：
spreadjs提供三种数据绑定的方式：表单绑定，单元格绑定，表格绑定
1、 单元格绑定
从字面上意思来看，顾名思义单元格绑定就是一个单元格绑定数据源中的某个字段。这种方式在一些填报单据中比较常见。
2、 表单绑定和表格绑定
表单绑定与表格绑定从字面上很容易混淆，他们之间的区别分为以下几个方面：
6080影视基地
var datasource = [ { id:0, name:'a', info1:'info0' }, { id:1, name:'b', info1:'info1' }, { id:2, name:'c', info1:'info2' }, ]; var datasource = { table1: [ { orderdate: '1/6/2013', item: 'pencil', units: 95, cost: 1.99 }, { orderdate: '4/1/2013', item: 'binder', units: 60, cost: 4.99 }, { orderdate: '6/8/2013', item: 'pen set', units: 16, cost: 15.99 } ], table2: [ { orderdate: '1/6/2013', item: 'pencil', units: 95, cost: 1.99 }, { orderdate: '4/1/2013', item: 'binder', units: 60, cost: 4.99 }, { orderdate: '6/8/2013', item: 'pen set', units: 16, cost: 15.99 } ] }; 点击“了解更多”下载产品最新试用版
↓↓↓
科幻片绑定高清在线观看由没事影院整理于网络，并免费提供绑定剧照，绑定hdbd高清版，绑定酷播在线播放等资源，在线播放有酷播，腾讯视频，优酷视频，爱奇艺视频等多种在线播放模式，在播放不流畅的情况下可以尝试切换播放源。观看《绑定》切勿长时间用眼过度，避免用眼疲劳，如果你喜欢这部片子，可以分享给你的亲朋好友一起免费观看。没事影院收集各类经典电影，是电影爱好者不二的网站选择！