Axure中继器实现数据的输入查询、模糊查询、条件查询

最新推荐文章于 2024-07-07 15:25:21 发布
最新推荐文章于 2024-07-07 15:25:21 发布
阅读量3.2k 收藏 21
点赞数 5
分类专栏： 产品 Axure 文章标签： 产品经理 产品设计
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Fa_lajun21/article/details/115707388
版权
本文介绍了如何在Axure中使用中继器实现数据的输入查询、模糊查询和条件查询。通过设置交互动作，如单击、文本改变和选项改变时，结合局部变量和表达式，实现了对中继器数据的筛选操作。同时，还提供了刷新键来清除筛选条件。
摘要由CSDN通过智能技术生成

1. 效果演示
演示链接：https://li5qan.axshare.com/#id=0evf0b&p=test
在这里插入图片描述
2. 原件准备
如图所示：在这里插入图片描述

  • 设置好中继器的相关数据，如图：
    在这里插入图片描述
    4、设置交互。

  • 简单查询
    1、将文本框命名为**“文本输入”，给“查询按钮”设置交互“单击时”的动作为“添加筛选”。在这里插入图片描述
    2、目标选择中继器，点击函数符号。
    在这里插入图片描述
    3、设置局部变量“LVAR1”为“文本输入”，表达式为“[[Item.id==LVAR1]]”&

最低0.47元/天 解锁文章
Fa_lajun21
关注
专栏目录
猿型库：Axure小练习-条件查询
letmeflee112的专栏
04-06 354
条件查询是经常会使用的功能,今天小猿带大家看看如何实现条件查询。通过这个练习,大家可以掌握局部变量和中继器。 效果查看：http://www.axurestudy.cn/pr/index.html 【需求分析】 1、默认展示所有用户的列表，共7条记录； 2、输入年龄区间（最大和最小值），点击查询以后，显示年龄介于输入条件的用户； 3、如果只输入年龄上限，点击查询以后，显示小于年龄上限...
Axure9：利用中继器实现查询条件的三级下拉框联动
chensx_2011的专栏
02-27 1075
Axure9：利用中继器实现查询条件的三级下拉框联动
【Axure基础教程】组合与取消组合
最新发布
qq_33208396的博客
07-07 330
元件的组合功能，可以将多个分散的元件组合成一个整体，被组合的元件会放到一个文件夹下，这样通过给组合命名，查找同一个组合的元件会非常方便，推拽修改位置时组合的元件会整体一起移动，组合功能可以有效的整合页面中的各个元件，分成多个小模块，方便复制、修改、推拽等操作，组合与取消组合是配套出现的。可以为同一组元件加多次组合，每组合一次就会加一层文件夹。组合：Ctrl+G，取消组合：Ctrl+Shift+G。由多个基础元件组成的模块都可以组合起来，成为一个整体。组合：⌘+G，取消组合：⌘+⇧+G。
Axure中继器-数据查询
qq19970496的博客
12-24 4079
使用元件 中继器 使用函数 string.lastIndexOf(“searchValue”) 返回调用该函数的字符串中搜索值的最后一个实例的起始索引。如果没有找到搜索值，则返回-1。 操作步骤 添加中继器 1，添加中继器； 2，点击“右侧添中列”，增加一列 3，双击列的名称进行修改； 4，双击字段值，添加数据； 注：目前页面依然显示一列； 5，双击中继器，打开中继器页面；复制矩形框；...
axure9.0中继器多条件模糊查询总结
qq_56370437的博客
02-07 929
[(Item.code.indexOf(code)+Item.name.indexOf(code)+Item.phome.indexOf(code)+Item.address.indexOf(code))>-4]]，同样的公式相加并括起来（），而-4则表示在中继器中查询的列数。PS：这效果没有达到预期，当前功能仅能实现单条件模糊的查询，并不能实现多条件模糊查询。3、最重要的地方，引用中继器字段，再插入字符串里面的indexOf（局部变量），检查后就完成了。不过单个模糊查询比较适用手机端。
Axure:实现中继器的增删改查
Coolstuz的博客
10-05 1263
功能实现：如图，实现中继器的增删改 搜索（即查找功能）Axure学习笔记：实现简单搜索功能_Coolstuz的博客-CSDN博客 1.元件需求 一个文本框、三个按钮、一个中继器 2.交互 点击中继器，进入内部，对中继器自带的矩形添加交互，目的是单击时，就标记这一行。 设置一个全局变量Add 现在来对三个按钮添加交互事件 “增”按钮 “删”按钮 ...
Axuer的中继器~增删改查
fddggghrr的博客
03-11 679
1. 中继器2. 增加3. 全选4. 删除5. 修改6. 排序7.分页。
Axure9 使用中继器实现模糊查询搜索
渡阡
11-25 7311
最近完善产品的元件库，刚好遇到需要用中继器实现查询搜索功能。 要求实现的效果也很简单：如下图，我想根据输入框内文本内容改变时，中继器的C1列按照输入框当前的文本内容，模糊查询结果并显示结果。 接下来就是如何实现： 1.给输入框添加交互“文本改变时”，选择中继器的“添加筛选”动作； 2.选择目标中继器，给筛选取个好辨认的名字，勾选“移除其他选项”，然后点击fx开始写规则； 3.这里我们...
axure 实现模拟百度搜索 中继器实现列表，分页显示 全局模糊查询，被搜索的文本高亮显示
12-25
axure 实现模拟百度搜索。利用中继器实现数据列表，分页显示数据。 实现模糊查询功能。用户输入关键字，匹配所有数据的相关值。 同时，实现了将被搜索的文本进行高亮显示。 对于有强迫症的人实现完美功能。
关于Axure中，中继器的模糊查询
ying631099151的博客
11-02 1038
** 关于Axure中，中继器的模糊查询 刚入行的新人产品一枚，想找个地方把学习过的东西整理一下思路，并且都记下来，免得将来记不住，如果文章能给别人带来帮助就更好了！有错误的话还请各路大佬多多指正！话不多说我们进入正题！ 一、创建中继器 在左侧元件库中拖拽出中继器放到画布上，在右侧的列名中写下：name sex、age、grade、hobby五项，并在第一行对应以上字段，分别是姓名、性别、年龄、成绩、爱好，此时我们可以看到中继器上只出现了姓名一个字段，如何显示后面字段呢？ 我们双击中继器，然后会在左上角
Axure中继器增删改查
11-28
Axure中继器增删改查，Axure是一款强大的原型制作软件，中继器的功能是目前比较常用的一种动态信息变化的组件。这个案例主要介绍了中继器的使用中的新增、删除、修改、查找等功能。
AxureRP9中继器-表格查询搜素和清空，动态面板滚动条显示
niuniu_666的博客
04-08 4021
1.在中继器表格已绑定好基础上，添加搜索条件，拖拽姓名和性别文本框和下拉框，和搜索和清空按钮 2.给搜索文本框命名，姓名搜索，输入类型为文本，提示语显示：请输入文本，输入时隐藏提示，性别搜索下拉框也选中命名性别搜素框，方便后续查找元件 3.搜索按钮添加交互条件 搜索按钮，单击时，添加筛选，目标是中继器，设置筛选名称，点击规则后的fx函数编辑页面 编辑值页面，先添加局部变量，设置对应的变量，再在全部变量输入搜索规则 [[(Item.name.indexOf(name))>-1&
Axure基础详解六：中继器的增、删、改、查
太空背包客的博客
10-27 1342
中继器（Repeater）是一种特殊的控件，它的作用是允许用户创建重复的数据项，并以列表或表格的形式展示出来。中继器可以用于模拟动态数据，例如产品列表、新闻列表、用户评论等。
axure制作表单查询
csdnjquery163com的博客
06-30 2085
Axure的版本8.0 一、实现的功能及展示效果：对表格数据的查询； 二、元件搭配 1、输入框； 2、中继器； 3、标签； 三、实现逻辑 1、搜索框内的文字长度大于等于1，并且搜索的文字能够模糊匹配表格中的姓名，显示匹配的数据； 2、搜索框内的文字长度小于1，将表格数据完整的显示； 四、操作步骤 1、拖入相关组件并设置好中继器的数据内容； 设置中继器的第一列显示id，第二列显示姓名； 2、搜索框内的文字长度大于等于1，并且搜索的文字能够模糊匹配表格中的姓名，显示匹配的数据； 设置
Axure使用中继器实现淘宝模糊查询
weixin_63985293的博客
04-14 653
函数的意思为：在中继器中查询文本框中文字出现的位置，也就是说，凡是能返回数字的条目，表示都是包含文本框文字的。当查询不到文本框文字时，返回值为-1（负1），即不包含查询的关键字。=-1的意思是即排除不包含查询的关键字的数据。1）首先点击上图【规则】输入框旁的【fx】，配置筛选函数，为其先添加一个局部变量，即搜索框中的文字。这样出现的模糊查询的结果是，只要包含输入框关键词的任意一个字，模糊查询的选项都会被列出来。2、当输入框的值不为空时，下面的数据项显示，且数据筛选出包含输入框中关键词的数据项；
Axure中继器的使用-筛选过滤查询（六）
xyphf的博客
09-19 3466
选择按钮添加事件 选择【添加筛选】 点击fx添加筛选规则 精确筛选规则我们要求用户名称等于我们输入的名称 我们添加局部变量 模糊筛选条件
【Axure教程】中继器表格寻找和标记数据
mushe93的博客
05-11 1800
今天教大家如何在Axure中用中继器制作能过寻找和标记数据的原型模板~~~
【Axure原型分享】中继器表格：多条件查询案例
mushe93的博客
01-05 946
今天和大家分享中继器表格——多条件查询的原型案例模板~~~
axure中继器导入数据
09-15
在Axure中，导入数据到中继器是通过使用Excel文件来实现的。以下是一种方法来导入数据到Axure中的中继器： 1. 准备Excel文件：首先，你需要准备一个包含你想要导入的数据的Excel文件。确保文件中的每一列都有相应的列标题。 2. 打开Axure并创建中继器：在Axure中，你可以创建一个中继器来存储和管理你的数据。你可以在Axure的主菜单中选择“窗口”>“中继器”来打开中继器面板。在中继器面板中，你可以点击“新建中继器”按钮来创建一个新的中继器。 3. 导入数据：在中继器面板中，你可以看到一个“导入数据”按钮。点击这个按钮，然后选择你准备好的Excel文件。Axure将会读取该文件，并将数据导入到你的中继器中。 4. 映射数据：一旦数据被成功导入到中继器中，你可能需要映射这些数据到你的Axure原型中的UI组件。你可以在中继器面板中，选择一个或多个数据行，然后右键点击选择“映射数据”。接下来，你可以选择一个或多个UI组件，并将这些数据行映射到它们上。 5. 预览和测试：一旦数据被成功导入和映射到你的原型中，你可以点击中继器面板上的“预览”按钮来预览你的原型，并测试中继器中的数据是否正确显示在UI组件中。 总结一下，Axure中的中继器可以通过导入Excel文件来实现数据的导入。你只需要准备好Excel文件，打开Axure的中继器面板，点击“导入数据”按钮，选择Excel文件并导入数据。然后，你可以映射这些数据到你的UI组件，并在预览中测试它们的显示效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值