Axure RP9：列表新增

已于 2025-05-12 09:44:40 修改
阅读量113 收藏
点赞数
分类专栏： 前端技能 文章标签： axure
于 2025-05-12 09:34:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/z929118967/article/details/147854230
版权

文章目录

列表新增

思路

利用中继器新增行实现列表新增功能

新增按钮操作说明

  1. 工具栏中添加新增图标及标签，在图标标签基础上添加热区；
  2. 对热区添加鼠标单击时交互事件，同步插入如下动作：
  3. 显示/隐藏动作，设置目标元件为新增窗口，更多选项添加遮罩效果

  1. 再插入设置文本交互动作，将弹出框文本值初始化设置为空；
了解本专栏 订阅专栏 解锁全文 超级会员免费看
【Axure RP9 教程】中继器表格应用
Beau_Ray的博客！
06-15 1325
一、修改、删除指定行 首先我们还是在 Axure 页面中拖入一个【中继器】，并双击打开，在默认的【矩形】后面加上【修改】和【删除】按钮： 然后我们给修改按钮添加【中继器事件】，选择【更新行】： 可以看到，由于我们是在中继器内部添加事件，在编辑的时候，【行】的板块多了一个【当前】的选项，我们按默认的即可，我们再把【列+值】修改一下，改为在原来数值的基础上乘以2，保存后看看效果： 可以看到，当...
axure9的中继器在哪编辑_Axure RP 9 教程：中继器实现模块排序
weixin_39546747的博客
12-22 575
本篇文章展示了如何利用中继器实现模块排序，希望对有需要的同学能有所帮助！效果图使用工具Axure RP 9 beta 绘制原型；Adobe Photoshop CC 2017 处理背景图片等；Camtasia 2018 录制视频及导出gif。实现逻辑中继器：实现样式重复，但内容不同，一定程度上帮助设计者实现高效的整体布局与内容梳理。排序：按照中继器中不同参数值的大小进行排序交互。操作步骤Step ...
AxureRP9利用中继器实现增删改查（表格）
qq_42822993的博客
07-31 1万+
利用中继器实现增删改查 一、将数据绑定到中继器上显示 1.将中继器拖到画布上，双击进入中继器内部开始编辑 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cOVgrT5L-1627634272038)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image- 20210730142111474.png)] 2.将一个表格拖入画布删掉不需要的行，编辑列名 [外链图片转存失败,源站可能有防盗链机制
Axure RP9教程 列表新增
jun118166的博客
07-06 1万+
Axure RP9教程 利用中继器新增行实现列表新增功能一、说明二、案例演示三、操作说明 一、说明 上一篇为大家介绍了列表编辑功能的实现，本篇将为大家介绍列表新增功能，那么如何来实现这个功能呢？接下来我们会用到中继器新增行交互事件； 二、案例演示 三、操作说明 工具栏中添加新增图标及标签，在图标标签基础上添加热区； 对热区添加鼠标单击时交互事件，同步插入如下动作： 显示/隐藏动作，设置目标元件为新增窗口，更多选项添加遮罩效果 再插入设置文本交互动作，将弹出框文本值初始化设置为空； 给弹出框保存按钮添加
[Axure RP9] Axure RP Prototyping: Noob to Master 学习笔记
24/7
01-03 638
之前看过这个系列资料但是好久没用Axure了，再加上接下来工作需要用，决定这两天复习一下 学习资料：Axure RP Prototyping: Noob to Master 官方文档：Axure RP Reference 更新都在这篇笔记里，只记一些容易忘的。涉及sketch相关的就先不写了。 以上 Ep3. Buttons & Links Dynamic Pannel: 使按钮或者其他东西多样化的一个设置面板，并且可以重复使用。比如想要设置鼠标停留在按钮上的动效之类的。 Case1：鼠标移动.
Axure RP 10：原型设计的新标杆
gitblog_06597的博客
09-20 1151
Axure RP 10：原型设计的新标杆 软件资源Axure10Win与Mac安装程序下载含汉化包 项目地址: https://gitcode.com/Resource-Bundle-Collection/f7649 ...
Axure RP 8：实现级联菜单
白驹过隙
05-07 3882
Axure RP 8作为一款原型设计工具，使用起来简单方便，闲着写几篇该工具上常见的操作，方便你我他。 实现效果如图： 1、选中选项一，不显示级联菜单 2、选中选项二，显示级联菜单 操作流程如下： 1、在新建的项目界面中，新增一个子页面，命名为测试界面，并打开 2、在左侧图形库中，选择一个矩形，作为底部Div，设置宽和高，此处设置宽：294，高 44 3、在底部Div上加...
Axure RP9教程 列表查询
热门推荐
jun118166的博客
06-27 2万+
Axure RP9教程 利用中继器过滤功能添加列表查询一、说明二、案例演示三、操作说明四、总结 一、说明 上一篇我给大家介绍了列表多选操作，本篇将给大家介绍列表查询，列表查询是非常常见的一个功能，我们通过会根据用户自定义的筛选条件去过滤相关数据，如何实现这样一个功能，axure中中继器新增过滤器给我们提供了良好的工具。 二、案例演示 案例链接 三、操作说明 我们在表头上添加所属分类、类型名称查询条件，元件分别命名未txtType、txtName； 再添加查询、重置按钮； 给查询按钮添加鼠标单击时交互动作
Axure RP 9教程：如何构建内联交互
LiynTf的博客
06-19 6240
Axure RP 9是一套专门为网站或应用程序所设计的快速原型设计工具。通过对原型的用户测试，可以更深入地了解Workflow Solution的各个方面。 >>>Axure RP v9 免费下载 如何构建内联交互 首先，选择要添加交互的Widget。 然后，在 Interactions中，单击New Interaction即可开始。 虽然取消了Case Editor，但是...
Axure RP 9 元件库 新增
12-07
Axure RP 9 元件库，减少开发工作量，直接复制就可以使用 元件库文件后缀名：.rplib 元件库放置问题：Axure安装根目录\DefaultSettings\Libraries 操作：把下载好的原件库文件直接放置到上述指定位置，重启Axure即可...
AxureRP9中继器数据列表实例
06-19
AxureRP9中继器数据列表实例，列表筛选、排序、新增、删除、勾选、全选、反选、取消选择、分页等交换功能使用实例。中继器、数据列表、动态交互。
初识Axure RP 9：界面简介与基础操作
## 1.1 什么是Axure RP 9 Axure RP 9是一款功能强大的原型设计工具，可用于创建交互式和可视化的应用程序原型。它允许用户在设计过程中快速创建页面、定义交互动作和展示可视化效果。Axure RP 9提供了丰富的组件库...
Axure 纵向滚动隐藏滚动条 & Axure 滑动开关（属性开关）on-off
专注于计算机研发知识和资讯分享
05-12 114
本文介绍了如何在动态面板中添加图片并进行相关设置。首先，打开动态面板并添加图片，确保图片超出面板矩形框。接着，关闭编辑页面并设置面板的滚动样式为纵向滚动，同时取消“调整大小以适应内容”选项。然后，在画布中拉伸动态面板的滚动条区域。接下来，通过右键菜单创建包含动态面板的顶级动态面板，并调整父级面板以隐藏子级面板的滚动条。最后，通过图片和动图展示了操作步骤和效果。
Axure疑难杂症：母版菜单设置打开链接后菜单选中效果
benleiqiang的博客
05-15 53
本文介绍了Axure产品经理精品视频课程中关于菜单打开链接后子菜单选中效果的设计方法。课程通过CSDN平台提供，主要内容包括母版设计和选中效果的应用场景。文章详细解析了在Axure中实现菜单项选中效果的正确方法，指出常见的错误做法及其原因，并提供了正确的设计思路和实现步骤。正确的做法是在页面加载时设置菜单项选中，而不是在单击时设置。
【Axure视频教程】中继器表格间批量控制和传值
mushe93的博客
05-13 245
今天教大家在Axure中制作中继器表格间批量控制和传值的原型模板~~~
【Axure高保真原型】输入框插入话题效果
mushe93的博客
05-12 197
今天和大家分享输入框插入话题效果的原型模板，我们可以在输入框里正常输入，也可以点击下方话题，这光标的位置插入话题，具体效果可以点击下方视频观看或打开下方预览地址查看哦
Axure原型图软件库的组件经常无法使用是什么原因
qq_44720737的博客
05-12 183
呈现空白的图标拖拽也无法正常使用，目前只能是卸载后重新安装会好用一段时间。但是过后这个问题又会出现 请问有大佬知道是什么原因吗。
Axure疑难杂症：统计分析页面引入Echarts示例动态效果
最新发布
benleiqiang的博客
05-15 66
本文介绍了如何在Axure原型中引入Echarts示例，以实现统计分析页面的动态效果。关键步骤包括：确保Echarts示例尺寸与Axure内联框架一致、使用绝对位置链接内联框架、正确存储Echarts文件、导入数据并修改代码。具体操作流程为：在Axure中拖入动态面板，嵌入Echarts图形，修改代码后下载示例，通过内联框架链接示例，生成HTML文件，并将Echarts文件复制到HTML文件夹中。最后，通过浏览器打开index.html文件，完成Echarts示例的嵌入显示。
axurerp9中继器筛选
03-14
<think>好的，我现在需要回答用户关于Axure RP 9中使用中继器进行筛选的问题。首先，我得回忆一下之前提供的引用内容，看看里面有没有相关的信息。引用3提到了中继器的基本操作，包括筛选数据，可能和用户的问题相关。引用2也提到中继器可以实现筛选和排序，用户需要的就是筛选的教程。引用5虽然主要讲前端知识，但提到了中继器数据筛选的例子，可能有一些操作步骤的参考。 接下来，我需要组织一个清晰的步骤说明。根据引用3，使用中继器需要拖拽元件，设置数据集，然后通过交互实现筛选。可能需要详细说明如何添加筛选条件，比如在交互面板中设置过滤选项。引用2中的条件显示与排序可能涉及如何触发筛选动作，比如按钮点击或输入框变化。 还要注意用户可能需要具体的例子，比如如何根据文本框内容筛选数据。应该分步骤讲解，从添加中继器到设置交互事件，最后测试效果。同时，要确保语言简洁，符合中文习惯，并且正确使用LaTeX格式（如果有数学内容的话，不过这里可能用不上）。 检查是否有遗漏的步骤，比如数据集如何导入数据，或者如何绑定元件到中继器。引用3提到了中继器作为数据集，可以导入数据和图像，所以可能需要先教用户如何填充数据。另外，引用5提到使用JS进行筛选，但Axure中可能不需要代码，而是通过交互设置，所以需要确认正确的操作方法。 最后，生成相关问题，可能需要围绕中继器的其他功能，比如排序、新增数据，或者更复杂的筛选条件，帮助用户进一步学习。</think>以下是在Axure RP 9中使用中继器进行筛选的详细步骤教程： ### 一、基础准备 1. **添加中继器元件** 从左侧元件库搜索"中继器"，拖入画布中。双击中继器进入编辑界面，通过右侧属性面板的「数据集」标签页添加数据（例如：姓名、年龄、性别等字段）[^3]。 2. **绑定显示内容** 在中继器内部添加文本标签或图片元件，右键点击元件选择「设置文本」/「设置图片」，绑定对应的数据集字段[^3]。 ### 二、筛选功能实现 #### 方法1：基础筛选（固定条件） 1. **添加筛选交互** 选中中继器 → 右侧「交互」面板 → 点击「新建交互」→ 选择「每项加载时」→ 添加「筛选」动作。 2. **设置筛选条件** 在弹出的条件编辑器中，选择目标字段（如`Column0`），运算符（如`==`），输入固定值（如"男"）即可实现性别筛选[^2]。 #### 方法2：动态筛选（用户输入） 1. **添加输入框** 在画布中添加文本框元件（用于输入筛选关键词），命名为`SearchInput`。 2. **创建筛选规则** 选中中继器 → 在「交互」面板新建「文本改变时」的触发事件 → 添加「筛选」动作 → 设置条件为： `[[Item.Column0.indexOf(LVAR1) >= 0]]` 其中`LVAR1`绑定输入框的值`[[SearchInput.text]]`[^5]。 $$ \text{筛选条件表达式示例：} [[Item.字段.contains(LVAR1)]] $$ ### 三、高级技巧 1. **多条件筛选** 通过`&&`或`||`连接多个条件，例如同时筛选性别和年龄： `[[Item.性别 == "男" && Item.年龄 > 20]]` 2. **动态排序组合** 可配合「排序」交互，在筛选后按指定字段排序（需在交互面板额外添加排序动作）[^2]。 ```javascript // 伪代码示例（Axure通过可视化界面实现，无需编码） onTextChange(SearchInput){ 中继器.filter(item => item.字段.includes(SearchInput.value)) } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

java、iOS、Vue

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值