时间:2021-05-22
中继器是目前为止Axure最复杂的功能,也是一个很强大的功能,利用好中继器的强大功能,可以为我们原型设计带来很多便利,在操作表格的时候,想要对表格进行增减操作,该怎么实现呢?下面我们就来看看详细的教程。
一、中继器表格的搭建
1、以录入学生成绩为例,字段:班别、学号、姓名、语文、数学。我们首先根据字段搭建一个表头。
2、接着拖动一个中继器至页面的对应位置,接着根据我们的字段在样式中新增对应列,这里列命名我用字段的拼音命名,然后先补充两行数据。
3、此时我们需要让数据在页面中显示。
双击中继器打开,然后新增对应矩形并命名,同时拖拉标签作为编辑和删除的按钮,对对应矩形框设定交互,使其获取到中继器的数据,如图所示,此时中继器表格便搭建好了。
二、新增数据
1、做个新增成绩的对应弹窗,这里就不详细说明过程。将文本框对应字段命名,方便中继器获取字段。
2、我们要做到点击保存按钮,表格会对应新增你在新增成绩弹窗所填写的数据,还需要在保存按钮上做交互。如图所示点击新建交互,选择鼠标单击时。
3、找到添加行,选择该中继器,然后在设置动作出点击添加行,点击fx
4、首先选择添加局部变量,在对应列找到对应新增字段文本框chengji,这里我命名为首字母cj,以此类推将文本框设置好
5、设置好之后,我们点击预览,然后输入对应成绩,点击保存,表格就会自动新增一行数据
三、删除数据
1、前面我们已经在中继器中拉进了标签“删除”来作为删除按钮,同样双击中继器进入,然后为删除新建交互,选择单击时
上一页12 下一页 阅读全文
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
Axure的中继器除了进行列表的增删改外,还可以利用它来实现列表的筛选、排序等,中继器怎么制作排序效果呢?下面我们就来看看详细的教程。软件名称:AxureRP9
用AngularJS实现对表格的增删改查(仅限前端),具体代码:实现表格的增删改查.add{position:relative;top:-40px;left:1
axure中虽然支持表格,但是表格用起来却很繁琐麻烦,相比较而言,axure中的中继器,则显得简单易用很多软件名称:AxureRP9ProforMac(交互原型
Axure的中继器除了进行列表的增删改外,还可以利用它来实现一些比较复杂的组件,例如穿梭框,这该怎么制作穿梭框呢?下面我们就来看看详细的教程。软件名称:原型设计
中继器是Axure中的一个重难点,掌握中继器的用法,在Axure原型设计中,会有很大的帮助。软件名称:快速产品原型设计工具AxureRPProv7.0.0.31