Axure中的中继器也是原型设计中非常强大的原件,中继器一般用于复杂并且相似的布局。中继器的基础功能:数据的简单存储。还可以用中继器实现一些表格的增删查改。在使用中继器的过程中需要注意的是:一是双击中继器编辑时,数据集需要添加数据行列,二是设计窗口中的方框需要增加对应的列,数据集有多少列,方框就要有多少列,三是中继器的列标题必须要设置英文格式,四是完成添加后需要返回中继器控件,编辑交互用例,即是设置函数,把每一个的字段进行绑定。
此外,中继器在实现表格行的动态添加和删除时,需要注意:
① 添加交互时,需要先设置中继器的行选中、标记行为一组动作
② 需要在动作之后,可以通过设计按钮控件的删除事件来删除标记行
③ 在删除标记行后要记得在中继器中设置取消选中、取消标记行
如使用中继器实现简单的增删查改:
首先第一步利用Axure知识布局好表格
新增学生

然后设置一个模态框,并且做好两个提示框,在设置隐藏

第二步进入到中继器里添加一个矩形并且设置选中为无颜色,在添加交互事件设置选中复选框

第三步设置复选框的交互事件,设置选中时选中添加的矩形,取消选中时就取消选选中,谁知标记当前行,这样就可以既可以选中复选框,又可以点击行里的任何一个地方就可以获取一整行了

第四步设置新增按钮弹出模态框后,设置姓名和学号的文本框的获取焦点时选中和失去焦 点时取消选中,再给保存按钮设置交互事件,设置中继器添加行等等。
给保存按钮设置交互事件
*

这样完成新增。
删除
删除有两个按钮,第一个按钮是主页面的删除按钮,主页面的删除按钮选中要删除的行设置弹出信息提示后在提示框里的“确定”,设置删除行等等交互动作如图:
弹出提示后的删除设置

而第二个删除按钮要进入到中继器里面设置删除当前行,如图:

修改(修改有两种方法一是根据标记修改,二是根据条件修改)
做修改按钮前,首先要做的是数据回填,然后再设置按钮的交互动作
在修改按钮设置选中复选框,设置弹出模态框,再设置数据回填(回填姓名、学号)如图:

再设置模态框的保存按钮的交互事件,(修改时是已经在复选框标记了的)如图:

最后还有一些小问题就是设置模态框里的关闭按钮,关闭图标等等,就完成了用Axure里的中继器的一些增删查改了

Axure中继器的总结相关推荐

  1. axure 中继器标记行_动作中继标记

    axure 中继器标记行 Meta tags can also be used to cause actions in the browser itself. The most common is t ...

  2. Axure中继器的使用(一)

    Axure中继器的作用 中继器的英文叫做"Repeater"表示重复的意思,其实中继器有个数据集的概念,所谓的数据集就是这个中继器所要处理的数据源,这种数据集是以行列格式的,有点像 ...

  3. Axure教程:如何使用Axure中继器元件?

    使用之前 在使用之前,我们总得搞清楚我们将要使用的元件是什么东西. 据Axure官网介绍,中继器是一种用于展示模式重复的文本或图标的元件.没看懂?不急,我们先看一下效果演示,然后再一步步把这个效果做出 ...

  4. axure中继器求和_如何利用Axure中继器,实现商品数量增减、价格总计效果

    本文详细讲解:利用Axure中继器实现商品数量的增减,以及商品价格的总计的操作流程. 一般在做购物车.预算表中都会涉及到商品数量的增减,与商品价格的合计. 那么,我们怎么通过中继器来实现这个效果呢?本 ...

  5. axure树形表格_Axure教程:Axure中继器实现动态树结构控件详解

    树结构是原型设计中常用的控件之一,常用于组织架构等功能.本文作者参照钉钉后台组织架构样式,使用Axure中继器实现动态树结构控件. 一.交互样式 初始样式(以钉钉后台-通讯录-组织架构为例): 初始载 ...

  6. Axure中继器组件的使用

    中继器的定义 Axure提供中继器部件,用来显示重复的文本.图片和链接,通常用来模拟数据库对数据的增删改查操作,中继器经常应用于显示商品列表信息.联系人信息.用户信息等等. 使用场景 表格信息 文章列 ...

  7. Axure中继器怎么用

    中继器(英文名Repeater)是Axure RP 7.0推出的新功能,是目前为止Axure最复杂的功能(没有之一),学习它的使用有助于我们快速设计一些复杂的交互界面.下面和大家分享我的使用心得. 中 ...

  8. Axure中继器制作树形结构、Axure结构树、Axure树形

    Axure自带的树结构不满足增删改查.勾选等交互. 所以在我们设计过程中,随时会涉及到使用可以增删改查.勾选的树形结构. 今天给大家说一下用中继器实现树形结构的思路. 1. 首先拉一个中继器,拖入以下 ...

  9. Axure中继器怎么设置值

    最近在学产品原型工具Axure,在列表是统一格式的时候需要用到中继器,就像Android里面的listview,我们需要给它设置值. 1.首先,从元件库里面拖一个中继器到面板上, 2.双击右下方&qu ...

最新文章

  1. JSF实现“Hello World!”
  2. 美权威报告:量子计算十年内无法落地
  3. vscode如何及时提示flutter代码
  4. HTML网页模版/DTD有三种类型
  5. 百度SEO站群小旋风蜘蛛池站群X8模板
  6. opencv 读取、显示、保存视频
  7. Mybatis自定义分布式二级缓存实现与遇到的一些问题解决方案!
  8. Vmware 虚拟机远程连接失败解决办法
  9. 将一个字符串进行反转。将字符串中指定部分进行反转
  10. 【渝粤题库】陕西师范大学201831 课程论 作业
  11. 秒懂!何凯明Resnet
  12. ISO 3166-1 国家编码
  13. 宏观调控利于粮食安全,调控与市场关系需理顺
  14. mysql 调用方差函数_mysql 函数大全
  15. php常用函数wps,[WPSEC]——WP
  16. (附源码)springboot网络微小说 毕业设计031758
  17. 微信运营零成本拉新技巧,会与不会之间只差看与不看!
  18. pyHook pyHook3 区别_礼来拓咨依奇珠单抗和诺华可善挺司库奇尤单抗苏金单抗的区别...
  19. eclipse如何导入和导出项目文件
  20. Centos7 安装与配置 opencv4.5.3

热门文章

  1. vue使用lodop打印控件
  2. 学网络运维与安全前景怎么样?
  3. NFT元宇宙链游系统开发应用分析及源码部署
  4. Android源码内核设计思想读书笔记
  5. 微信小程序支付后无法回调
  6. 生活的哲学-读书笔记
  7. traefik 2.x WRR带权重的轮训实验
  8. html5实现浏览器自动全屏,[JavaScript] 用html5 js实现浏览器全屏
  9. nginx的配置文件中的server里面localhost后面的~什么意思
  10. 【微服务SpringCloudNote】