AxureRP9中继器-表格查询搜素和清空，动态面板滚动条显示

已于 2022-04-11 08:56:17 修改
阅读量4.3k 收藏 21
点赞数 1
文章标签： axure 原型模式
于 2022-04-08 14:05:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/niuniu_666/article/details/124036630
版权
本文详细介绍了如何在AxureRP9中实现中继器表格的搜索、清空功能，以及动态面板滚动条的设置。首先，通过添加姓名和性别搜索条件，利用中继器的筛选功能实现搜索；接着，配置清空按钮以移除筛选条件并重置输入框；最后，展示了如何创建动态面板并设置垂直滚动条，以实现页面的上下滚动效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.在中继器表格已绑定好基础上，添加搜索条件，拖拽姓名和性别文本框和下拉框，和搜索和清空按钮

2.给搜索文本框命名，姓名搜索，输入类型为文本，提示语显示：请输入文本，输入时隐藏提示，性别搜索下拉框也选中命名性别搜素框，方便后续查找元件

3.搜索按钮添加交互条件

搜索按钮，单击时，添加筛选，目标是中继器，设置筛选名称，点击规则后的fx函数编辑页面

编辑值页面，先添加局部变量，设置对应的变量，再在全部变量输入搜索规则

[[(Item.name.indexOf(name))>-1&&(sex==Item.sex)]]

输入后点击确定࿰

最低0.47元/天 解锁文章
niuniu_666
关注
Axure 列表滚动：表头非常多（横向滚动方向）、分页（纵向滚动） | 基于动态面板的滚动方向和取消调整大小以适合内容两个属性进行实现
专注于计算机研发知识和资讯分享
04-08 261
基于动态面板的滚动方向和取消调整大小以适合内容两个属性进行实现列表滚动的横向滚动和纵向滚动。在画布添加一个列表及外部矩形框，使列表中内容大于外部矩形框高度；在调整动态面板的宽高，使动态面板与外部矩形切合。将列表创建动态面板，并将列表属性。
Axure重要元件三——中继器查询和统计
最新发布
benleiqiang的博客
10-13 1044
以上是中继器查询页数和数据统计，学习步骤：熟悉中继器设置页面数量——设置每页项目数量——中继器函数（中继器函数较多，根据应用讲函数，这样便于理解，所以等所有交互我们都讲完，在统一讲函数。步骤六：共几页自动统计，和步骤五流程一样，只不过变量设置pageCount。步骤五：共几条数据自动统计。步骤二：为上一页添加交互。步骤三：为下一页添加交互。
中继器上下滑动 axure
07-22
关于中继器实现上下滑动，一直困惑于这个问题，总算在网上找到了这个问题的答案，现在上传上去和大家一起分享
Axure商品展示栏滚动效果——中继器与动态面板结合
monica1_1的博客
07-11 4583
1、我们现在计划是弄四排，可以滚动下滑。所以我们先设置好滚动条效果，如下所示。 2、 将“中继器”拖入“State1动态面板”中，设置中继器布局如图所示。 3、设置商品列表的样式，如图所示 4、给“中继器”添加事件 5、给“中继器”添加内容，就可以了 效果展示： 你是技术宅么？那就加入我们吧！点击下方链接 或 扫描二维码 即可。 欢迎加...
axure制作表单查询
csdnjquery163com的博客
06-30 2265
Axure的版本8.0 一、实现的功能及展示效果：对表格数据的查询； 二、元件搭配 1、输入框； 2、中继器； 3、标签； 三、实现逻辑 1、搜索框内的文字长度大于等于1，并且搜索的文字能够模糊匹配表格中的姓名，显示匹配的数据； 2、搜索框内的文字长度小于1，将表格数据完整的显示； 四、操作步骤 1、拖入相关组件并设置好中继器的数据内容； 设置中继器的第一列显示id，第二列显示姓名； 2、搜索框内的文字长度大于等于1，并且搜索的文字能够模糊匹配表格中的姓名，显示匹配的数据； 设置
AxureRP9利用中继器实现增删改查（表格）
qq_42822993的博客
07-31 1万+
利用中继器实现增删改查 一、将数据绑定到中继器上显示 1.将中继器拖到画布上，双击进入中继器内部开始编辑 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cOVgrT5L-1627634272038)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image- 20210730142111474.png)] 2.将一个表格拖入画布删掉不需要的行，编辑列名 [外链图片转存失败,源站可能有防盗链机制
Axure教程—滚动加载（中继器 ）
weixin_43516258的博客
06-06 1031
本文将教大家如何用AXURE中的中继器制作滚动加载效果
AxureRP9 中继器的使用
02-24
1.创建表 2.绑定数据 3.分页控件
Axure9-中继器-实现弹框增删查改数据和分页
05-14
使用Axure 9，实现弹框增删查改数据、分页、搜索、排序等功能
AxureRP9中继器数据列表实例
06-19
AxureRP9中继器数据列表实例，列表筛选、排序、新增、删除、勾选、全选、反选、取消选择、分页等交换功能使用实例。中继器、数据列表、动态交互。
AxureRP9.0-Setup-3744
09-10
AxureRP 9.0最高版本，支持Figma插件Axure，矢量文件复制。
Axure中继器增删改查
11-28
Axure中继器增删改查，Axure是一款强大的原型制作软件，中继器的功能是目前比较常用的一种动态信息变化的组件。这个案例主要介绍了中继器的使用中的新增、删除、修改、查找等功能。
中继器实现列表筛选的rp文件
12-20
axure原型，中继器实现列表搜索，筛选详情页效果， 欢迎大家下载学习
Axure中继器的运用——实现模糊查询功能
qq_45627939的博客
08-08 1418
Axure中继器的使用——实现模糊查询 首先我们需要使用到Axure RP软件，这里不多赘述，下载安装使用教程自行去找，我不提供哦！ 那我们来打开到Axure的界面来创建一个中继器吧。 首先，我们先将元件库中Default中的中继器这个元件拖拽到页面中。 其次，我们给中继器的右侧样式栏中手动添加数据，添加了两列数据：用户名username和地址place。然后再给拖拽一个单行文本框和一个按钮到页面，自行调整样式。另外再在中继器上方拖拽一个表格作为表头。双击中继器，在中继器容器中添加表格。 单击选中中继器
Axure rp9 中继器新建表格
weixin_49295490的博客
07-19 1488
Axure rp9 中继器新建表格
Axure中继器的使用-筛选过滤查询（六）
xyphf的博客
09-19 4235
选择按钮添加事件 选择【添加筛选】 点击fx添加筛选规则 精确筛选规则我们要求用户名称等于我们输入的名称 我们添加局部变量 模糊筛选条件
Axure实现表格带滚动条
热门推荐
心若向阳 无谓悲伤
08-08 1万+
需求背景：表格的列很多，而页面宽度有限，但仍需将所有内容展示在表格内，考虑在表格中加入滚动条。
Axure中的中继器让表格“动”起来
幺玲的博客
04-26 3128
中继器是Axure RP 8中的一个高级用法，以列表形式展示数据，可以对数据进行新增、删除、分页、排序等操作。 本文以一个例子讲解中继器的基本用法。 准备中继器列表数据 首先，在index页面从元件库中拖放一个表格处理成1 x N的大小作为列表的表头，修改名称为表头，为每个单元格命名。 然后，拖放一个中继器在表格下方，作为数据展示区。初始化的中继器为3行1列。修改中继器名称为数据展示。 双击中继器，进入编辑页面。复制矩形框，并粘贴表头N的数量，本文为1*6的表格。为每个矩形框填写名字。（可以拖动矩形框.
Axure9制作表单
zcl050505的博客
12-15 2736
中继器制作的表单-Axure 9
axurerp9中继器-表格查询搜素
09-09
Axure RP 9中的中继器是一种非常有用的功能，可以帮助我们快速和轻松地进行表格查询搜索。中继器可以将表格数据和搜索输入进行匹配，然后返回匹配结果。以下是使用Axure RP 9中的中继器进行表格查询搜索的步骤： 1. 准备数据：首先，我们需要有一个包含要搜索的数据的表格。可以在Axure RP 9中创建一个表格，然后填充数据。确保表格的每一列都包含了需要搜索的内容。 2. 创建中继器：在Axure RP 9的“交互”选项卡中，可以找到中继器功能。点击“中继器”按钮，然后在弹出的对话框中选择要使用的表格。Axure RP 9会根据表格的列头自动创建一个中继器。 3. 配置搜索字段：在中继器的配置界面，可以选择想要进行搜索的字段，并设置搜索的匹配条件。例如，可以选择在用户名字段中搜索包含特定关键词的数据。 4. 设计搜索界面：在Axure RP 9的页面上，可以创建一个搜索输入框和搜索按钮，并将其与中继器进行关联。当用户输入搜索关键词并点击搜索按钮时，中继器将会根据配置的搜索条件进行匹配，并返回匹配结果。 5. 显示搜索结果：在Axure RP 9中，可以使用动态面板、数据列表或重复区域等组件来展示搜索结果。根据中继器返回的匹配数据，我们可以在页面上展示查询到的数据。 通过使用Axure RP 9中的中继器-表格查询搜索功能，我们可以轻松地创建一个交互式的搜索功能，帮助用户快速找到他们需要的信息。无论是构建网页设计还是应用原型，这种功能都是非常实用的。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值