中继器的运用

中继器实现数据库的增删改查效果时十分有效的，下面展示一个简单的应用实例：

一 中继器绘制与数据交互

1.1 设置中继器样式，此处用表格来展示

目前先使用1*4的表格，表示四个属性，属性如下。

1.2 输入数据

1.3 设置交互效果

让数据集中的数据显示在交互界面上；

效果如下：

此时，初步绘制完成，开始添加对应功能。

二 新增商品信息功能

2.1 绘制遮罩与新增表格页面

遮罩的灰色可以调30-40左右的不透明度，达到美观效果；

属性在初始状态下设置为隐藏；

2.2 对添加信息按钮添加交互效果

效果如下，单击添加信息按钮后

2.3 添加数据到数据集

记得将文本框数据初始化；

2.4 效果展示

三 删除功能

3.1 界面改善

添加复选框 用以实现全选功能

效果如下：

3.2 设置标记状态

设置中继器内复选框状态改变时的标记效果

设置表头中全选按钮的标记效果

3.3 实现删除功能的交互效果

3.4 效果展示

效果如下，单击全选时

删除后

也可只勾选部分数据，进行部分的删除；

四 修改功能

4.1 完善中继器

增加修改功能按钮

4.2 创建一个修改界面

4.3 对修改按钮实现交互效果

让原先数据集结果显示在修改页中

修改页面中的修改按钮的交互效果，完成更新行操作，不要忘记了数据的初始化；

4.4 效果展示

修改第一条数据时，页面弹出

修改后

五 查找功能

查询操作可利用交互效果中的过滤器效果，添加或删除过滤器；

此处展示ID搜索；

5.1 交互效果设置

局部变量为文本框内的ID值；

5.2 效果如下

小结：

除了上面的功能外，依旧可以实现多条件搜索，数据及排序，分页效果，中继器样式等的进一步操作，在此不多做缀述；

中继器的运用实例到此结束，谢谢。