教程分享

Axure RP 教程:Axure中继器中按钮文字添加页面链接或外链设置方法

tagAxure AxureRP Axure教程 Axure中继器 页面链接  publish2023-07-19 15:21 view1447

在做一些Saas或中台项目的时候用的最多的就是表格列表数据,如果想要快速制作动态表格列表,中继器自然是最佳的选择,但表格列表中最常见的按钮或文字添加链接如何动态添加,今天苏米给大家分享一下设置方法。

使用工具:Axure PR 9

列表效果演示:

设置方法

首先需要了解中继器是通过数据表来关联单元格内容的,绑定数据的方式是通过设置元件的值与表格样式的数据列表字段绑定的,所以无法通过常规选中元件添加单击交互事件完成设置。
通过默认组件,添加一个中继器,并设置好基本的表格样式;

完成后就需要设置表格样式的数据字段,根据表格行与列,对应需要绑定的数据添加,关联后中继器列表的内容就是按数据表格内的数据显示

创建链接数据

通过设置表格【管理】文字对应的 edit 字段的连接内容

设置完成后,给【管理】文字设置数据字段关联

双击中继器打开编辑,选中需要添加链接的单元格,新增“单击时”交互事件,事件设置如图,即:单击时,选择“打开链接”,链接值为[[Item.edit]],注意这里的url为刚才我们设置的中继器数据表列标题,如果你命名的不是url而比如是c10或者其他的什么,那这里就填[[Item.C10]]。

设置完成后,可根据跳转的类型进行设置,默认为连接跳转,还可以通过在字段处右键选择引用原型内页面

好了,设置方法非常简单的,操作过程虽然有一些繁琐,但对于大数据量的表格列表的管理是非常方便快捷的,同一项目中如果多次复用,那是非常实用的。

上一篇:Axure RP 教程:如何快速创建全局和页面辅助线,原型辅助线的原型高效必备技能

下一篇:Axure RP 教程:Axure中继器的增、删、改、查操作教程

这些你同样感兴趣

满足你在每个阶段使用模板的需求,帮助你高效完成工作及任务