数据绑定: 建立页面与数据库数据的关系

前面章节已经学会了设计页面和数据表，那么页面和数据表是怎么沟通的呢？比如数据表中的数据怎么显示到页面中，

而页面中的数据为什么能保存到数据表中呢？那么 这个过程有一个概念叫 数据绑定。 将页面中的单元格进行数据绑定

（绑定数据表中的字段），那么表示单元格与数据表字段建立了一个关系。

单元格数据绑定的方式有两种：

1. 选择单元格，然后选择数据表中字段节点，拖拽到单元格中，就完成了数据绑定
2. 选择单元格，然后在右边数据绑定属性设置区，选择数据表和数据字段，完成数据绑定。

表格（绑定数据表）：页面中显示数据表的列表

页面中往往会有个列表用来显示数据表的所有或者部分数据。在活字格中表格就是用来显示数据的列表。

表格在活字格是非常重要的概念，不仅仅是用来显示数据的列表，同时还标注着数据的当前行，上面介绍的单元格绑定数据字段，

那么单元格具体在页面中显示的是哪一行的数据呢?那么这就跟表格的当前行有关系了，数据绑定的单元格显示的是表格中当前行的数据，

当切换当前行之后，单元格内容也会相应的根据行进行变化。

在活字格中添加一个表格有多种方式：

• 设计器选择一片单元格区域，然后在表中选择一个数据表，拖拽到单元格区域中就绑定了数据表。
• 从表生成页面，直接生成列表页面，里面自动会生成好表格并且将字段都绑定到了表格中
• 选择一片单元格区域，点击功能区 设置表格 ,对对话框中选择一个表格进行绑定。

当表格绑定了数据表之后，可以在表格的列头部分选择单元格，然后拖拽字段到单元格上，进行字段绑定，在页面中就可以看到表格中字段列的所有数据。

<video src="http://video1.grapecity.com.cn/HuoZiGe/Tutorials/第6章数据绑定/6.1数据绑定与活字格表格.mp4"
width="800" preload="none" height="450" poster="http://video1.grapecity.com.cn/HuoZiGe/Tutorials/第6章数据绑定/6.1数据绑定与活字格表格.jpg"
controls="controls" onplaying="startplay()">您的浏览器不支持播放此视频。</video>
<script>
var isplayed = 1;
var startplay = function(){
if(isplayed){
ga('send', 'event', 'Play Video', '活字格', '第6章 数据绑定');
isplayed = 0;
}
return false;
}
</script>

上一节  下一节