前端学习之路之Axure RP 9 中继器的高级使用（增删改查）（4）

功能实现：如图，实现中继器的增删改 搜索（即查找功能）Axure学习笔记：实现简单搜索功能_Coolstuz的博客-CSDN博客 1.元件需求 一个文本框、三个按钮、一个中继器 2.交互 点击中继器，进入内部，对中继器自带的矩形添加交互，目的是单击时，就标记这一行。 设置一个全局变量Add 现在来对三个按钮添加交互事件 “增”按钮 “删”按钮 ...

本文详细介绍了如何利用Axure RP 9的中继器功能快速实现动态表格的增删改查操作。通过实战案例，解析中继器的工作原理和配置步骤，帮助产品经理和设计师高效构建高保真数据交互原型，提升后台管理系统的设计效率。

在 Axure 中，中继器（Repeater）是一种非常有用的组件，在数据列表、表格等数据展示场景中经常使用。它可以方便地重复展示类似的UI 元素，并自动生成各个元素的 id、类名等属性，方便在交互设计、数据交互等方面的应用。中继器的使用方法。。。。

利用中继器实现增删改查 一、将数据绑定到中继器上显示 1.将中继器拖到画布上，双击进入中继器内部开始编辑 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cOVgrT5L-1627634272038)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image- 20210730142111474.png)] 2.将一个表格拖入画布删掉不需要的行，编辑列名 [外链图片转存失败,源站可能有防盗链机制

中继器就是用来加载数据的，最常见的就是中继器做表格 1.中继器表格创建 先拖拽一个表格，删除表体，只显示表头，并且修改表头名称要显示的字段名称 然后拖拽一个中继器，和表头对齐显示 双击画布上的中继器，进入中继器，将中继器delete删除 删除后，还是处于中继器中，不会退出 再次拖拽一个表格，与表头对齐，可以对中继器表格进行列的增加和删除 将表格删除至只剩一行，然后双击灰色面板，退出中继器（点击绿色部分，即可查看表数据信息，右侧会映射一个列表，可以进行数据的编辑，可以称之为“后台..

Axure RP9】中继器应用及相关案例

本文介绍了在Axure RP9中使用中继器实现动态表单增删改查功能的方法。通过创建中继器数据结构、设置交互样式，详细说明了查询、新增、删除、修改等核心功能的实现步骤，包括条件筛选、行操作和状态切换等关键技术点。文章还简要提及了数据持久化和分页功能的扩展思路，为后端管理系统原型设计提供了可复用的解决方案，帮助开发者提升界面还原度和交互体验。

一、修改、删除指定行 首先我们还是在 Axure 页面中拖入一个【中继器】，并双击打开，在默认的【矩形】后面加上【修改】和【删除】按钮： 然后我们给修改按钮添加【中继器事件】，选择【更新行】： 可以看到，由于我们是在中继器内部添加事件，在编辑的时候，【行】的板块多了一个【当前】的选项，我们按默认的即可，我们再把【列+值】修改一下，改为在原来数值的基础上乘以2，保存后看看效果： 可以看到，当...

1. 中继器2. 增加3. 全选4. 删除5. 修改6. 排序7.分页。

Axure 9 中继器repeater 实现增删查改

本文介绍的是用Axure中的中继器制作模糊搜索

具体来说，Axure中的中继器是一种特殊的图形元素，通常以箭头的形式表示，用于连接不同的页面或部件。中继器的作用是将一个页面或部件中发生的事件或信息传递给另一个页面或部件，实现页面之间或组件之间的交互。

[(Item.code.indexOf(code)+Item.name.indexOf(code)+Item.phome.indexOf(code)+Item.address.indexOf(code))>-4]]，同样的公式相加并括起来（），而-4则表示在中继器中查询的列数。PS：这效果没有达到预期，当前功能仅能实现单条件模糊的查询，并不能实现多条件模糊查询。3、最重要的地方，引用中继器字段，再插入字符串里面的indexOf（局部变量），检查后就完成了。不过单个模糊查询比较适用手机端。

中继器（Repeater）是一种特殊的控件，它的作用是允许用户创建重复的数据项，并以列表或表格的形式展示出来。中继器可以用于模拟动态数据，例如产品列表、新闻列表、用户评论等。

新建TABLE 新建中继器repeater 选中中继器初始化数据 双击中继器，编辑每个的key 添加交互，加载默认数据 双击set text,编辑后，默认数据就加载了。注意序号使用item.index，这要就会自增了 添加新增功能 将文本框命名 为button添加事件 选择add rows ，选择repeater中继器 点击add rows 1、输入中继器的itemCount，使序号自增 2、点击column1后面的fx 3、编辑值，第一行文本框，与第二行第一个文本框一致，需要加上[[ ]]

以上是中继器查询页数和数据统计，学习步骤：熟悉中继器设置页面数量——设置每页项目数量——中继器函数（中继器函数较多，根据应用讲函数，这样便于理解，所以等所有交互我们都讲完，在统一讲函数。步骤六：共几页自动统计，和步骤五流程一样，只不过变量设置pageCount。步骤五：共几条数据自动统计。步骤二：为上一页添加交互。步骤三：为下一页添加交互。

6.2 完成10列表格的增删改查的自定义元件，带图片的。

本文介绍的是用Axure中的中继器实现删除与批量删除效果

在上一篇教程，我们在普通中继器列表的基础上，加入了交替色和悬停色的效果 （了解更多），这个算是比较简单的，一学就会的交互了；那么本篇我们继续在交替色的基础上，增加筛选的交互，难度有一点增加了哦。 我们先来看看APP列表页的筛选效果图，大家可以看到列表页的交互主要包括： ①在搜索框输入关键词时，列表自动筛选出结果、显示删除图标； ②点击删除图标时，清空搜索条件、列表恢复如初、删除图标消失。 为了节省时间，这里我们提前把列表初稿准备好了（中...