中继器在网上很多的解释就是重复添加,取自repeater的中文释义。在作者看来,中继器可以是产品经理的一个不完全小型数据库。因为中继器具有行和列的结构,可以存储数据矩阵,且可以在页面上进行增、删、改、查、排序的功能,不需要写sql语句就有操作数据库的快感。说它是不完全数据库是因为添加的数据并不是真的存储在服务器,关掉axure的预览页面,之前添加的所有数据就会随风而散了。本文为大家介绍中继器对表格的增删改操作。
1 开工前的原件准备工作
文本框矩形框数个、下拉框一个、按钮两个、中继器一个。建议做好原件命名,因为之后会涉及到蛮多的交互,清晰的命名可以避免出现混乱。
然后我们需要对中继器做一些处理,点击中继器,右侧它的属性页,可以把三个行都删除,然后双击中继器进入中继器编辑页面。
按照表格每一列的名称在中继器内放入6个矩形框,做好元件命名。
2 数据添加功能
准备工作完成,然后我们需要为中继器添加一下动作,中继器属性面板选择每项载入时,当打开网页或者添加数据时候,为中继器加载数据集到元件。
特别注意的是,为了实现编号自增,编号的动作设置为[[item.index]]
中继器属性面板为中继器数据集添加列,也可以手动添加一行数据,如果是7.0的版本你的中继器数据集应该再页面下方,8.0整合到右侧
之后需要为添加按钮配置点击动作,为中继器“添加行”
点击下方的 添加行 ,把输入框和中继器数据集绑定起来:
到此,添加功能已经完成。
3 单行选择+删除行
进入中继器页面,选中6个矩形框,设置选中的动作—填充颜色
同样是选中6个矩形框的状态,按 ctrl+g,将6个矩形设为选项组,别忘了添加一个选项组名称(很重要),添加鼠标点击动作,
标记行是稍后的删除动作需要用到的,现在已经可以选择行,但是没有单选效果,回到中继器属性
中间的勾去掉即可。
下面为“删除行”按钮配置动作
此处非常简单,只需要为中继器删除行选择已标记即可,我们上一步标记行的意义就在于此。
4 修改行
点击修改按钮,改行变为可编辑状态,同时修改按钮变成保存按钮,点击保存之后保存修改后的数据。
中继器修改框拖入两个文本矩形,一个修改(xiugai)一个保存(baocun),默认保存文本为隐藏状态。
xingming、xingbie、zhiwei、youxiang四个矩形框分别拖入一个文本输入框,命名为”xiugai-xingming、xiugai-xingbie、xiugai-zhiwei、xiugai-youxiang“去掉边框设为隐藏状态。
然后为修改按钮配置动作:
点击修改按钮,显示隐藏文本输入框,同时文本输入框获取当前行的值。
然后为保存按钮配置动作,点击保存时中继器更新行,同时中继器数据集应该设置为刚刚的隐藏文本框,这里与之前添加按钮的配置基本一样
小米CC渲染图曝光 整体造型神似小米9
十种常见电位器构成与优劣势
显示器的必走之路?不闪式3D技术解析
揭秘物联网卡的广泛应用领域
人工智能要以人为本智能向善
axure利用中继器对表格的增删改操作
氧气传感器在隧道中的应用
影像能力地表超强,华为P50系列正式发布,京东火爆预售中
Morpho为Tensilica便携客户提供图像处理支持
认识碱性电池
LinkSwitch—TN系列节能型单片开关电源的电路设计
超声波气象传感器技术参数
关于利用ESP-WROOM-02和天气API制作发光的圣诞节雪人教程讲解
贸易战导致华为供应商誉铭新放假休整 捷荣技术受牵连
2023年第一届人工智能生成内容国际会议(AIGC2023)
车联网前景诱人 无线技术应用蕴商机
vb运行时错误429不能创建对象
智能手机和充电宝结合 你说是个好主意吗?
5G承载网有哪七大关键技术详细资料说明
处理好人机关系,才能更好地享受AI的红利