Axure学习笔记整理7-中继器-商品列表及排序

最新推荐文章于 2024-04-21 06:12:51 发布
最新推荐文章于 2024-04-21 06:12:51 发布
阅读量2k 收藏 8
点赞数
分类专栏： Axure
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41556724/article/details/86000011
版权

中继器使用案例：

1.打开Axure，拖拽一个中继器命名为‘GoodsList’，双击中继器进去填充内容，如以下截图：

里面部件分别命名为：图片部件-GoodsImage；文本标签部件-商品名称-命名为Name；文本标签部件-推荐-命名为Rec；文本标签部件-数量-命名为Sales；文本标签部件-价格-命名为Price；

 

2.打开excel表格填充一些业务数据，例如以下：

Name Rec Sales Pr
最低0.47元/天 解锁文章
ZLMika
关注
  • 0
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
中继器：商品列表排序
u013767164的博客
06-15 477
案例描述： 鼠标移入“价格排序”按钮，显示选项列表。选项在鼠标进入时显示粉色文字，点击选项，商品列表进行相应的排序。 思路分析： ①完成中继器数据集与元件的关联； ②并设定好模块的排布与间隔； ③鼠标移入“价格排序”按钮，需要显示排序的选项，并能够在鼠标移出选项时自动隐藏选项； ④为每个排序选项添加鼠标移入时的样式； ⑤点击每个排序选项时，需要中继器进行相应的排序，并隐藏排序的选项列表。 1.元件准备 拖入中继器——打开编辑区域编辑 2.中继器“GoodsList”的数据集中 包含命名： 中继器（用
Axure：中继器的排序
Coolstuz的博客
10-05 1129
功能实现：如图，简单的实现排序 元件需求 一个中继器、一个按钮、两个文本标签 将两个文本标签放入中继器内部，并将其改名 并给中继器填入词库 交互 给中继器在“每项加载时”添加交互 给按钮添加交互 至此结束，预览即可查看效果！ 感谢你能看到这里！ 希望这篇文章能帮到你！ ...
Axure学习日志之中继器详解_中继器 中 插入 jpg 未显示
最新发布
m0_60607245的博客
04-21 910
不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！但是这里注意不能把图片也设置了，图上是不对的，为了引起大家重视，图片要用设置图片的事件，并且选择值，找到item.icon。我们来稍微用中继器实现一点操作，比如说，歌曲名单，简单用一个歌曲头像和歌手名字，歌名三个数据。5）vue：组件之间的通信（props，callback，emit）分别和数据命名为相同的，icon，singer，musicname。
Axure--中继器：制作产品列表（1）
ChibiMarukoChan的博客
04-26 699
功能：批量制作产品效果：步骤：1.拖动中继器到画布2.在中继器中添加图片和字段名称，重新命名3.选中中继器，在检视面板，增加行列，如果需要图片字段，右击选择导入图片即可。4.检视面板中，打开交互界面，选择【每项加载时】添加case1，设置动作为【设置文本】，将字段和数值一一对应点击fx按钮，选择对应的函数值：如果字段为图片，选择【设置图片】，整个中继器操作如下：可以设置排版样式：...
如何让页面初始化的时候实现点击事件_Axure教程：中继器实现商品管理列表
weixin_39996742的博客
11-27 469
本文通过一个商品管理的例子，来说明中继器怎么使用。在这个商品管理列表里面，我们要实现商品信息的分页展示、新增、修改、删除和排序功能。中继器是axure里面非常重要的一个元件，通过中继器，可以实现数据的动态查询、新增、修改、删除、排序、分页等功能，直接说吧，数据动态展示的那一套东西都可以通过中继器实现。下面，我就通过一个商品管理的例子，来说明中继器怎么使用。在这个商品管理列表里面，我们要实现商品信息...
【Axure教程】中继器表格——拖动排序
mushe93的博客
07-18 1198
排序是表格中常用的交互，一般常用的是升序和降序，如果要随心所欲的设置自定义表格，按自己的偏好任意调整的，就是拖动排序了，一般在自定义表格中比较常见。所以今天作者就教大家，如果制作鼠标拖动表格中的某一行或者某一列并移动到表格中对应的位置。 【原型预览】 https://axhub.im/ax9/2bcd864c6573fb02/#g=1 【原型下载】 方式1：加入原型分享群后，可免费分享该原型，请咨询微信522073109 方式2：https://weidian.com/item.html?it
Axure9-中继器使用-瀑布流设计 - 练习
05-14
使用Axure 9，中继器使用，瀑布流设计（花瓣网模式）
Axure9-中继器-实现弹框增删查改数据和分页
05-14
使用Axure 9，实现弹框增删查改数据、分页、搜索、排序等功能
Axure设计-直方图（中继器 ）
05-30
Axure设计—直方图（中继器 ）；Axure设计—直方图（中继器 ）；Axure设计—直方图（中继器 ）；Axure设计—直方图（中继器 ）
Axure设计-滚动加载（中继器 ）
06-06
Axure设计—滚动加载（中继器 ）；Axure设计—滚动加载（中继器 ）；Axure设计—滚动加载（中继器 ）Axure设计—滚动加载（中继器 ）Axure设计—滚动加载（中继器 ）；Axure设计—滚动加载（中继器 ）
Axure设计-折叠菜单（中继器 ）
06-02
Axure设计—折叠菜单（中继器 ）；Axure设计—折叠菜单（中继器 ）；Axure设计—折叠菜单（中继器 ）；Axure设计—折叠菜单（中继器 ）；Axure设计—折叠菜单（中继器 ）；Axure设计—折叠菜单（中继器 ）Axure设计...
中继器实现模糊筛选（支持双列筛选）
05-01
中继器实现模糊筛选（支持双列筛选）中继器实现模糊筛选（支持双列筛选）
程矢Axure夜话：中继器系列视频教程之中继器表格排序
热门推荐
程矢的专栏
11-09 2万+
程矢Axure夜话：中继器系列视频教程之中继器表格排序 案例描述：使用中继器表格实现排序知识点： 中继器的排序 效果图： 本站在线效果预览:http://www.91axure.com/repeaterlesson/repeatersort/start.html#p=home(firefox原型文件) AxShare在线效果预览: 原型下载地
Axure学习日志之实现中继器排序
前端啤酒屋
06-13 1216
打开AXURE,好几天没更新了，但是还记得是这么开头的，当产品经理的梦不能灭。 今天整理一下如何用中继器进行排序，首先我们要有中继器，设置三列 姓名年龄身高 下一步，加一点数据，并且加载出来 在退到主界面上，加上三个列头 点击年龄，对年龄进行排序 名称即为排序的名称，属性是name，age，height简单来说就是那儿行数据 排序类型是按照什么，Number就是按照数字排序 升序降序就字...
repeater 控件实现排序
jielizhao的专栏
01-07 1959
对于呈现数据库信息的页面表格，我们可以通过repeat、gridview、datalist这三者控件，三者各有优缺点： repeat控件：呈现速度最快、效率最高、功能最简单。 gridview控件：呈现速度最慢、效率最低、功能最复杂。 datalist控件：介于以上二者之间。 那么，我们到底该如何选择呢？ 这其实是要根据实际需要而定的。如果数据库中数据量比较少，那就用gridview。如
中继器的使用——搜索/分页/排序
weixin_30733003的博客
06-26 212
1、搜索： 1）单一条件搜索： 步骤： 判断输入是否为空； 不为空，按输入的条件检索； 为空，展示全部 不为空的用例： 为空的用例： 2）组合条件搜索 步骤： 姓名、部门都不为空； 姓名为空，部门不为空； 姓名不为空、部门为空； 姓名、部门为空 姓名、部门都不为空的情况设置如下： 姓名筛选： ...
34.【Axure 10 】样式区域-元件样式（中继器）
Brose的博客
08-19 541
中继器新特性 在Axuer 10中，中继器彻底进行了简单化的改版。 可以将普通元件或元件组一键转换成中继器（需选中后鼠标右键选择转换为中继器）。 数据与对应的中继器内部元件编辑可以进行选择绑定，之前的版本中只能通过手动添加交互事件进行绑定。 数据的筛选交互更加的简单，尤其是对于模糊查询的数据字段中。 外部数据支持一键导入（需CSV格式）。 数据说明 数据是中继器的核心之一，数据决定了最终效果展示什么。 数据设置 不存在数据 如果不存在数据，中继器会根据中继器原始内容，重复显示。 存在.
Axure Repeater系列---排序
songqingxi的专栏
08-21 2199
最新学习整理Repeater，网上也能找到一些实现排序的帖子，但是对于不熟悉中继器的同学来说，直接上手还是有点难度的。我也遇到一些坑，特整理记录下来，共同学习。学习之前最好了解下中继器的各个属性以及函数的含义。 工具：Axure8.0 学习目标： 如下图所示，通过点击箭头图标实现位置调整，每次点击箭头相邻两行调换顺序（点击第一行，即“高等数学”顺序不变）。 知识点： （1）全局变量设...
axure中继器解析
weixin_34236497的博客
03-24 154
今天为大家介绍axure工具中一个非常强大的元件——中继器。中继器是在Axure RP7.0开始加入的，可以用来“存放”文本、图片、链接等数据，可以把它理解成为一个虚拟的数据库。中继器通常用来显示一些列表信息，如商品列表、用户信息列表等。中继器中有两个概念需要大家了解：数据集、项。数据集：中继器里存放的数据，可以使文本、页面链接或图片。比如所有的商品信息数据。项：中继器里重复...
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中的中继器-表格查询搜索功能，我们可以轻松地创建一个交互式的搜索功能，帮助用户快速找到他们需要的信息。无论是构建网页设计还是应用原型，这种功能都是非常实用的。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值