找回密码
 立即注册

QQ登录

只需一步,快速开始

freya

葡萄城公司职员

6

主题

99

帖子

485

积分

葡萄城公司职员

积分
485
freya
葡萄城公司职员   /  发表于:2021-7-12 11:13  /   查看:3438  /  回复:6
本帖最后由 freya 于 2021-7-12 17:04 编辑

首先描述下需求背景,我们很多时候在做主子表相关需求的时候,总会遇到如下的情况:以订单的需求为例,一个订单,里面会有多个商品,但是商品的个数又不确定。我们在填写的时候需要动态的通过按钮的点击,来增加商品的填写区块,具体效果直接上图~


按钮控制图文列表增加删除

按钮控制图文列表增加删除

步骤一: 插入一个图文列表的区域,并绑定图文列表需要显示表格中的数据
image.png272183226.png


步骤二:设置图文列表中的字段关联到表格字段。

点击表格,右键自动设置列名;进入图文列表区域,给各字段设置关联列;

设置关联列

设置关联列


步骤三:给+绑定命令,点击的时候给表格里面增加一行空数据,因为图文列表的显示其实是取决于表格的数据的。

1626053940(1).png953744811.png

这时候运行起来,就可以实现点击加号,新增图文列表的一块区域。

步骤四:给减号绑定删除表格的命令
第一反应是和新增一样,删除表格的当前行,结果在操作的时候发现,在图文列表的子页面无法操作父页面的表格。

步骤四-1

步骤四-1
所以就得想办法触发到父页面,我们知道文本框是在数据内容发生改变的时候就会触发命令,所以我们在主页面,增加一个文本框;然后在子页面点击删除按钮时设置该文本框的值改变,触发主页面文本框绑定的命令。该文本框绑定的命令:【1】表格操作,删除表格中被选择的行,【2】设置单元格属性,给该文本框置空。
1.主页面设置:


image.png594217223.png

image.png232302855.png

2. 子页面设置
image.png205413817.png
这时候运行起来,在表格没有隐藏的时候,一切都很完美,但是问题来了,当表格隐藏之后,表格操作的删除当前行不起作用了,无法删除。

步骤五:处理表格隐藏后无法执行删除选中的行问题
那这时候要怎么办,相当于隐藏之后表格拿不到当前行了,我们只能想办法把要删除的行传过来。那首先得在表格中增加一列用来标识行的序号,这个序号也要与图文列表中的某一单元格关联上,这样在点击图文列表中的删除按钮的时候才能将这个值传递给外层的文本框。具体图示如下:
【1】表格增加序号列

5-1

5-1



【2】图文列表关联序号列

image.png235082396.png

【3】图文列表中删除按钮命令

5-3

5-3



【4】主页文本框表格操作命令

5-4

5-4


最后运行起来就可以达到我门想要的效果啦~



按钮动态增减图文列表.fgcc

88.49 KB, 下载次数: 138

评分

参与人数 5满意度 +25 收起 理由
卡卡 + 5
lijetcart + 5
lovert + 5
随风 + 5
amtath + 5

查看全部评分

6 个回复

倒序浏览
遇见未知的自己
银牌会员   /  发表于:2021-7-13 08:59:46
沙发
学习了,谢谢分享
回复 使用道具 举报
freya
葡萄城公司职员   /  发表于:2021-7-13 10:07:33
板凳
嘻嘻,
回复 使用道具 举报
伟伟
银牌会员   /  发表于:2021-7-14 08:44:44
地板
这个思路真不错!
回复 使用道具 举报
小奇123123
中级会员   /  发表于:2021-7-14 09:17:55
5#
回复 使用道具 举报
137294886
金牌服务用户   /  发表于:2021-8-26 00:29:58
6#
学习了
回复 使用道具 举报

金牌服务用户   /  发表于:2023-2-9 09:23:39
7#
本帖最后由 纪 于 2023-2-9 09:27 编辑

image.png801625366.png 你好  是只有在没有填写 的时候才能删除吗   我填写完点击下面的删除 想删除后面的没有填写的就删除不了了
image.png244115904.png
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部