本帖最后由 freya 于 2021-7-12 17:04 编辑
首先描述下需求背景,我们很多时候在做主子表相关需求的时候,总会遇到如下的情况:以订单的需求为例,一个订单,里面会有多个商品,但是商品的个数又不确定。我们在填写的时候需要动态的通过按钮的点击,来增加商品的填写区块,具体效果直接上图~
按钮控制图文列表增加删除
步骤一: 插入一个图文列表的区域,并绑定图文列表需要显示表格中的数据
步骤二:设置图文列表中的字段关联到表格字段。
点击表格,右键自动设置列名;进入图文列表区域,给各字段设置关联列;
设置关联列
步骤三:给+绑定命令,点击的时候给表格里面增加一行空数据,因为图文列表的显示其实是取决于表格的数据的。
这时候运行起来,就可以实现点击加号,新增图文列表的一块区域。
步骤四:给减号绑定删除表格的命令 第一反应是和新增一样,删除表格的当前行,结果在操作的时候发现,在图文列表的子页面无法操作父页面的表格。
步骤四-1
所以就得想办法触发到父页面,我们知道文本框是在数据内容发生改变的时候就会触发命令,所以我们在主页面,增加一个文本框;然后在子页面点击删除按钮时设置该文本框的值改变,触发主页面文本框绑定的命令。该文本框绑定的命令:【1】表格操作,删除表格中被选择的行,【2】设置单元格属性,给该文本框置空。 1.主页面设置:
2. 子页面设置 这时候运行起来,在表格没有隐藏的时候,一切都很完美,但是问题来了,当表格隐藏之后,表格操作的删除当前行不起作用了,无法删除。
步骤五:处理表格隐藏后无法执行删除选中的行问题 那这时候要怎么办,相当于隐藏之后表格拿不到当前行了,我们只能想办法把要删除的行传过来。那首先得在表格中增加一列用来标识行的序号,这个序号也要与图文列表中的某一单元格关联上,这样在点击图文列表中的删除按钮的时候才能将这个值传递给外层的文本框。具体图示如下: 【1】表格增加序号列
5-1
【2】图文列表关联序号列
【3】图文列表中删除按钮命令
5-3
【4】主页文本框表格操作命令
5-4
最后运行起来就可以达到我门想要的效果啦~
|