Axure--中继器：制作产品列表之类型筛选（3）

最新推荐文章于 2025-04-10 16:53:21 发布
原创 最新推荐文章于 2025-04-10 16:53:21 发布 · 4k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Axure #类型筛选

本文介绍如何在Axure中继器基础上增加类型筛选功能。通过在中继器中添加promotion和newStyle列，并在标题栏设置新款和价格优惠复选框，利用中继器的添加筛选和移除筛选事件来实现筛选效果。当复选框被选中或取消选中时，相应调整中继器展示的产品类型。

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

功能：在Axure--中继器：制作产品列表之排序（2）的基础上增加类型筛选

效果：


在中继器中增加两列，分别为 promotion,newStyle

<
最低0.47元/天 解锁文章

200万优质内容无限畅学
Axure疑难杂症：完美解决中继器筛选问题（时间条件筛选、任性筛选）
benleiqiang的博客
03-29 1518
在实际筛选场景下，用户不可能全部都输全，那么就会用到在筛选框里自己输内容，这就要求我们做人性化的设计，上文说了我打算通过情形来判断在各种条件下输出不同的筛选结果，但是axure不支持这种筛选。Axure组合筛选的思考逻辑是：设置输入多个条件的元件文本与中继器里的内容比对，输出一致的内容作为筛选结果，这里Axure软件提供的支持是必须满足全部筛选条件，对于组合筛选唯一注意的就是移除其他筛选选项的√要去掉；满足全部条件，筛选出结果；
Axure RP 8 带滚动条带筛选的下拉列表框 圆角文本框
01-25
Axure RP 8 带滚动条带筛选的下拉列表框 圆角文本框,添加元件库就可以直接拖出来用
JavaScript中的对象，入职3个月的前端程序员面临转正，四轮面试后多久出结果
2201_75604580的博客
04-14 708
如果你已经下定决心要转行做编程行业，在最开始的时候就要对自己的学习有一个基本的规划，还要对这个行业的技术需求有一个基本的了解。有一个已就业为目的的学习目标，然后为之努力，坚持到底。如果你有幸看到这篇文章，希望对你有所帮助，祝你转行成功。网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）一个人可以走的很快，但一群人才能走的更远！
Axure中继器的使用-筛选过滤查询（六）
xyphf的博客
09-19 4320
选择按钮添加事件 选择【添加筛选】 点击fx添加筛选规则 精确筛选规则我们要求用户名称等于我们输入的名称 我们添加局部变量 模糊筛选条件
中继器的介绍
Ryxune的博客
12-22 5578
中继器介绍
Axure--中继器：制作产品列表之排序（2）
ChibiMarukoChan的博客
04-26 1809
元件准备：矩形框一个、文本框2个、动态面板一个效果：编辑动态面板：里面2个文本标签：价格从高到低、价格从低到高为价格从高到低设置【鼠标悬停】，设置字体颜色为桃红色设置【鼠标单击】，添加case1，选择中继器【添加排序】，选择需要排序的字段，此时为price字段设置【显示隐藏】的隐藏，选中动态面板隐藏...
Axure中继器（Repeater）: 列表多选和 列表查询
最新发布
专注于计算机研发知识和资讯分享
04-10 300
给列标题第一列多选框元件命名为ckeck，并同时添加。基于中继器过滤功能，实现一个列表查询功能。
Axure高级交互设计：中继器时间筛选
benleiqiang的博客
10-20 1332
2、插入函数：选择注册时间对应的列名TargetItem.ZCSJ，加上符号转换replace(’-’,’/’) 这样就可以取出可以识读的时间数据；步骤三：添加时间筛选；条件查询的时间格式与台账里的时间格式不统一，所以我们在筛选时需要将这个格式统一，以便于Data.parse()函数可以识读；4、加入比对：>= 开始时间，这里我们要取出开始时间的毫秒，取出开始时间LVAR1.text,并转换成毫秒Data.parse()添加三个下拉列表的内容；5、使用&&，表示“并”的意思，添加结束时间的函数。
AxureRP：中继器与列表动态内容_2024-07-22_05-24-37.Tex
11-16 664
中继器是 Axure RP 中用于处理动态列表和表格数据的关键组件。它能够根据数据源中的数据自动调整其内容和布局，非常适合用于展示数据库查询结果、用户列表、产品目录等动态内容。中继器支持的数据源可以是 Axure 自带的数据表格，也可以是外部导入的 CSV 或 JSON 文件。Axure RP允许你自定义中继器的样式，包括行的样式、列的样式，以及如何响应数据的变化。
计算机网络：中继器
m0_72410588的博客
05-16 1701
本文将介绍计算机网络中常用的设备——中继器（Repeater），包括其基本概念、工作原理、种类以及优缺点等方面。通过本文的学习，读者可以更好地理解中继器在网络中的作用与意义，以及如何合理使用它们来提高网络性能。
AXURE 最全组件库
03-28
包含各种AXURE组件，web，手机，菜单，导航，TAB，图标，窗体，容器，按钮，广告位，幻灯片，控制条，分页，表格，操作系统元素，日历，文本模板，页面布局 等等。
Axure新手适用的17个组件库 产品经理新手适用的17个Axure部件库
06-30
Axure新手适用的17个组件库 产品经理新手适用的17个Axure部件库
Axure 制作过滤筛选栏
hengxin1023的博客
06-29 2163
Axure 制作过滤筛选栏先上效果图说下思路制作步骤页签菜单及子菜单 先上效果图 类似美团大众点评的条件过滤筛选 说下思路 主要运用了动态面板的状态切换，“形式”、“领域”、“配置”等这种页签是动态面板，下面的弹出的菜单项也是动态面板。先说页签，页签状态我设为了“选中”和“未选中”两种。当状态为“未选中”时，点击切换为“选中”，展示该页签的下拉菜单，同时切换其他页签的状态为“未选中”并收起它对应的菜单。 制作步骤 页签 添加动态面板，设置两个状态，“选中”、“未选中”。未选中在第一行，默认未选中。做比较复
28.中继器数据的筛选与排序
weixin_30892763的博客
06-21 489
运算符总结 逻辑运算举例 表格可以通过右边属性的单元格下面的图标进行删除增加等操作 表格的每个格子有各自的名称 整个表格也有整个的名称 然后创建中继器 数据填入进去 同时上面的矩形也要命名 将excel的数据直接复制过来 一定要记得设置中继器的动作 每项加载时 item.xuhao就是数据里的xuhao 让中继器框更新数据库里的数据的动作 不然不会显示出来 对身高进行...
中继器的排序和筛选
m0_37196973的博客
04-09 1328
文章目录排序准备工作添加排序以身高排序为例以姓名拼音排序为例移除排序以序号排序为例筛选 排序 准备工作 添加所需元件； 添加中继器，并命名； 设置中继器加载时的交互（表格从EXCEL复制粘贴）； 添加排序 以身高排序为例 以姓名拼音排序为例 另外设置姓名拼音列，但不为其设置加载交互，排序时按拼音列排序。 移除排序 以序号排序为例 筛选 为各选择框命名； 添加筛选。 以下以综合...
Axure 9 实战案例，中继器的应用 3，按条件筛选中继器列表
默林工作室
03-25 5759
在上一篇教程，我们在普通中继器列表的基础上，加入了交替色和悬停色的效果 （了解更多），这个算是比较简单的，一学就会的交互了；那么本篇我们继续在交替色的基础上，增加筛选的交互，难度有一点增加了哦。 我们先来看看APP列表页的筛选效果图，大家可以看到列表页的交互主要包括： ①在搜索框输入关键词时，列表自动筛选出结果、显示删除图标； ②点击删除图标时，清空搜索条件、列表恢复如初、删除图标消失。 为了节省时间，这里我们提前把列表初稿准备好了（中...
【Axure教程】树筛选中继器表格
mushe93的博客
12-07 1866
今天教大家怎么在Axure里制作树结构筛选中继器表格的原型模板~~~
Axure之中继器的使用（交互&动作&reperter属性&Item属性）
热门推荐
YZZdear的博客
12-19 1万+
目录一.中继器的基本使用 二.中继器的动作（增删改查）2.1 新增2.2 删除 2.3 更新行 2.4 效果展示 2.5 模糊查询三.reperter属性在Axure中，中继器（Repeater）是一种功能强大的组件，用于创建重复的数据集合或列表。它允许原型中快速生成多个相似的元素，并根据数据源的变化自动更新这些元素。 中继器的主要用途是模拟动态数据和展示可重复的内容，例如产品列表、新闻列表、用户评论等。通过设置中继器的数据源和模板，可以轻松地生成多个相同或类似的元素，并在原型中展示它们的不同状态或变化。
Axure中继器速成：高效制作系统首页美食展示与高保真交互
在Axure中继器初级教程中，我们将学习如何利用中继器高效地创建一个漂亮的系统首页展示内容。中继器在原型设计中的作用类似于Excel表格，它可以存储丰富的数据，包括文本、图片甚至页面，极大地提高了设计效率。以下...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值