文档紧接上篇:中继器-实现表格数据展示
上篇讲到了中继器实现表格数据的展示:
接下来要做表格数据的添加:
1、首先是整体布局,这个直接略过,我这边如下图
---弹窗设置为隐藏
---每个组件设置名称(名称建议全英文)

2、首先给添加按钮设置事件,弹出弹窗供数据的选择输入
略;
3、设置好基本交互后,选择弹窗的添加按钮,右侧:新建交互Click时--找到中继器动作>>>添加行

所有事件如下:
---1、隐藏弹窗,没什么好说的
---2、选择目标:目标即目标组件,选择要复制的中继器的列即可
---3、选择值:值的话,选择弹窗中,名称的输入框的值即可
---4、其他字段也一并选择设置好

添加行:每列数据选择弹窗的对应元件名即可,如下图:

5、设置好之后,记得做中继器的数据初始化,否则添加后,表数据是空的(行数增加,但数据为空)
---数据初始化:也就是将中继器“后台数据库”的数据重新获取,与上一篇:中继器-实现表格数据展示中,load初始化数据一样的动作

6、是时候展示效果了:老规矩F5:
---点击添加按钮,弹窗输入数据后,点击弹窗-添加
---即可看到表中添加了一条数据

至此,中继器实现表格数据添加操作完成,下一篇:中继器-实现表格数据删除
中继器实现表格数据添加操作
本文档介绍了如何使用中继器实现表格数据的添加功能。通过设置按钮事件触发弹窗,选择添加行操作,从弹窗输入框获取值填充到中继器的新行,并进行数据初始化以显示新增数据。按照步骤操作后,可以成功在表格中添加新记录。
1374





