Axure重要元件三——中继器查询和统计

对象的定义：当前元件、目标元件等；Axure中当前操作的单一元件、组合元件都可以成为对象；函数的定义：获取数值的指令，包括不限于数值内容、数值类型、数值的统计、数值的编辑等。我们选中第一个中继器，去操作第二个中继器，结果发现出现TargetItem。我们选中第一个中继器，去操作第一个中继器，结果没有出现TargetItem。属性的定义：元件的宽、高、长；

Axure中继器的增删改查功能

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

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

使用元件 中继器 使用函数 string.lastIndexOf(“searchValue”) 返回调用该函数的字符串中搜索值的最后一个实例的起始索引。如果没有找到搜索值，则返回-1。 操作步骤 添加中继器 1，添加中继器； 2，点击“右侧添中列”，增加一列 3，双击列的名称进行修改； 4，双击字段值，添加数据； 注：目前页面依然显示一列； 5，双击中继器，打开中继器页面；复制矩形框；...

上图中，数据录入区，我们可以进行数据的录入，页面中的表格，只是展示区域，初学者往往直接双击中继器，那样的是错误的。在整个Axure元件的学习中难度五颗星，但是只要我们理解他的内涵，学习起来难度会降低很多。以上是中继器的基本操作，学习步骤：理解中继器的内涵——熟悉格式调整——尝试录入数据学习。1、添加行：点击右侧数据录入区添加行，来增加页面的行数。

赋值的目的是当用户点击修改按键后，显示出来的页面会在文本框内显示原来的数据，用户可根据需要进行修改；步骤六：继续添加交互，此时思考逻辑是要将修改页面录入的数据赋值给标记的行，那么操作步骤是更新行——已标记——赋值。步骤一：制作修改页面，录入图中各表单项，并分别进行文本框的命名，方便下一步赋值。步骤二：组合这个修改页面，并命名“修改页面”，交互：载入时隐藏这个组合。步骤三：添加中继器内修改按键的交互，单击时——显示修改页面组合。步骤五：修改页面的确定按钮添加交互，单击时——隐藏修改页面。

以上是中继器表单制作，学习步骤：中继器数据分类函数赋值——数据录入——菜单调节。步骤八：制作最后“操作”，表头向后新增，下方拖入一个垂直菜单，并填入链接按钮。步骤六：双击中继器，拖入一个垂直菜单，保留一个表格。步骤二：双击中继器，删除原始表格，拖入一个表格。步骤六：建立表头：拖入横向菜单（做表单的表头）步骤三：参照案例，分别扩展表格和录入数据分类。

中继器作为高保真原型图的必杀技，其重要性在未来的高保真设计场景将会越来越重要。

设置中继器页面到最后一个（Last）。

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

函数的意思为：在中继器中查询文本框中文字出现的位置，也就是说，凡是能返回数字的条目，表示都是包含文本框文字的。当查询不到文本框文字时，返回值为-1（负1），即不包含查询的关键字。=-1的意思是即排除不包含查询的关键字的数据。1）首先点击上图【规则】输入框旁的【fx】，配置筛选函数，为其先添加一个局部变量，即搜索框中的文字。这样出现的模糊查询的结果是，只要包含输入框关键词的任意一个字，模糊查询的选项都会被列出来。2、当输入框的值不为空时，下面的数据项显示，且数据筛选出包含输入框中关键词的数据项；

当工作中需要进行数据筛查排序操作时，我们可以如何使用Axure来进行相关操作呢？本篇文章里，作者利用中继器为我们展示了数据筛查与排序，让我们一起来看一下。

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

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

一、初识中继器 中继器是 Axure 中一个比较高阶的应用，它可以让我们在纯静态网页中模拟出类似带有后台数据交互的增删改查的效果，虽然它没有真正意义上帮我们存储任何的数据，但是当我们在一次项目体验过程中，它却可以给我们带来更加真实的交互效果，我们可以把中继器理解为是一个临时的数据库表，在我们退出当前预览之前，它都可以帮我们存储所需的数据。 如果你有学过数据库的话，对于中继器的掌握是很容易的，但如...

中继器实现数据库的增删改查效果时十分有效的，下面展示一个简单的应用实例：一 中继器绘制与数据交互1.1 设置中继器样式，此处用表格来展示目前先使用1*4的表格，表示四个属性，属性如下。1.2 输入数据1.3 设置交互效果让数据集中的数据显示在交互界面上；效果如下：此时，初步绘制完成，开始添加对应功能。二 新增商品信息功能2.1 绘制遮罩与新增表格页面遮罩的灰色可以调30-40左右的不透明度，达到美...

卡片设计通过提供清晰的信息结构、可视化吸引力、易扩展性和强大的交互性，为用户界面设计带来了许多优势，使得用户能够更轻松地浏览、理解和互动。

1.在中继器表格已绑定好基础上，添加搜索条件，拖拽姓名和性别文本框和下拉框，和搜索和清空按钮 2.给搜索文本框命名，姓名搜索，输入类型为文本，提示语显示：请输入文本，输入时隐藏提示，性别搜索下拉框也选中命名性别搜素框，方便后续查找元件 3.搜索按钮添加交互条件 搜索按钮，单击时，添加筛选，目标是中继器，设置筛选名称，点击规则后的fx函数编辑页面 编辑值页面，先添加局部变量，设置对应的变量，再在全部变量输入搜索规则 [[(Item.name.indexOf(name))>-1&