【知识点18】中继器数据添加删除
01 添加准备
根据需求在原型的画布中添加需要的图片及文本框。
02 添加事件
点击“添加”按钮,在“交互”功能面板中,打开“交互编辑器”。添加“单击时”事件。在“中继器动作”中选择“添加行”-选择中继器点击“添加行”-点击project列项中“fx”-在“添加局部变量”中获取项目名称-“blmingcheng-元件文字-mingcheng”-在“插入变量或函数…”中插入局部变量“[[blmingcheng]]”-单击确定完成。
按上述方法,分别完成“address、area、time”列项的局部变量等设置。
注:图片通过相对路径获取。
网页获取相对路径:images/page_1/pic_u20.png
03 添加效果
04 数据删除
(1)每行数据点击单独删除
在中继器的编辑页面放入“删除”按钮。
点击“删除”按钮,在“交互”功能面板中,打开“交互编辑器”。添加“单击时”事件。在“中继器动作”中选择“删除行”-选择中继器点击“当前”,单击确定完成。
(2)选中多行数据一并删除
在中继器编辑页面放入矩形元件,点击矩形元件,在“交互”功能面板中,打开“交互编辑器”。添加“单击时”事件。在“中继器动作”中选择“标记行”-选择中继器点击“当前”,单击确定完成。
设置矩形选中填充颜色。
点击“删除”按钮,在“交互”功能面板中,打开“交互编辑器”。添加“单击时”事件。在“中继器动作”中选择“删除行”-选择中继器点击“已标记”,单击确定完成。
(3)只删除最后一次选中的数据
在中继器编辑页面放入矩形元件,点击矩形元件,在“交互”功能面板中,打开“交互编辑器”。添加“单击时”事件。点击“设置选中”设置完成。在“中继器动作”中选择“取消标记”-选择中继器点击“全部”。再选择“标记行”-选择中继器点击“当前”。单击确定完成。
在中继器编辑页面,设置选项组名称,实现选项组效果。
同时,在页面画布中,点击中继器,取消勾选“隔离列表项之间的选项组”。
这样即可实现多次选择后,只删除最后一次选择的数据内容。
待续~
Copyright © 2024 妖气游戏网 www.17u1u.com All Rights Reserved