Axure-repeater实现Item的复制、删除、上下移、最前最后

最新推荐文章于 2025-06-17 15:03:06 发布
最新推荐文章于 2025-06-17 15:03:06 发布
阅读量5.3k 收藏 3
点赞数 1
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u013201439/article/details/54234241
本文介绍了如何在Axure中使用Repeater组件进行数据项的复制、删除、上移、下移以及放置到最前或最后的操作。通过设置数据集和交互事件，实现了Repeater内元素的动态管理。然而，在实际应用中，Repeater的上下移动功能存在限制，可能在多次操作后无法正常工作。

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

引言

  Axure RP 在7.0之后推出了一个新功能Repeater（中继器），相信大家如果接触过ASP.NET的话，肯定对这个控件不陌生，在ASP.NET中同样也有Repeater控件用来显示重复的项目列表。Axure和ASP.NET的Repeater原理基本上是一致的，有了ASP.NET的Repeater的基础，理解Axure中的Repeater不是什么难事。


这里写图片描述

实现

  我们通过一个实例来依次说明如何进行复制、删除、上下移、最前最后。

  1. 添加一个Repeater元件，命名为repTest

    这里写图片描述

  2. 设置内部部件，依次命名


最低0.47元/天 解锁文章

200万优质内容无限畅学
Bboy-AJ
关注
【Axure】--repeater（中继器）实现行上移下移
相由心生-心随相改~
04-23 7576
案例效果： 案例描述： 点击上下移动的按钮，移动相应题型顺序。 元件准备： 上移、下移图标： Repeater:   Table做表头： 题型编号：   操作步骤： 双击进入Repeater 另添加两列（粘贴复制），并将上下移动的图标放入： 整理后效果：   为Repeater添加数据： 因为排
Axure中继器的总结
weixin_45331546的博客
01-15 2675
Axure中的中继器也是原型设计中非常强大的原件，中继器一般用于复杂并且相似的布局。中继器的基础功能：数据的简单存储。还可以用中继器实现一些表格的增删查改。在使用中继器的过程中需要注意的是：一是双击中继器编辑时，数据集需要添加数据行列，二是设计窗口中的方框需要增加对应的列，数据集有多少列，方框就要有多少列，三是中继器的列标题必须要设置英文格式，四是完成添加后需要返回中继器控件，编辑交互用例，即是设置函数，把每一个的字段进行绑定。 此外，中继器在实现表格行的动态添加和删除时，需要注意： ①　添加交互时，需要先
Axure中继器使用
最新发布
xxs_qaq的博客
06-17 756
文章讲解如何使用axure动态添加行、删除、模糊搜索，利用中继器实现简单数据交互操作
repeater item
weixin_30872789的博客
12-15 166
privatevoidSelectCategory(stringcategoryId){ foreach(RepeaterItemiteminrepCategories.Items){ HiddenFieldhidCategoryId=(HiddenField)item.FindControl("hidCatego...
【Axure教程】中继器表格——拖动排序
mushe93的博客
07-18 1527
排序是表格中常用的交互，一般常用的是升序和降序，如果要随心所欲的设置自定义表格，按自己的偏好任意调整的，就是拖动排序了，一般在自定义表格中比较常见。所以今天作者就教大家，如果制作鼠标拖动表格中的某一行或者某一列并移动到表格中对应的位置。 【原型预览】 https://axhub.im/ax9/2bcd864c6573fb02/#g=1 【原型下载】 方式1：加入原型分享群后，可免费分享该原型，请咨询微信522073109 方式2：https://weidian.com/item.html?it
Axure中继器案例:中继器的repeater属性,中继器的Item属性
weixin_73471776的博客
12-19 766
[target.text]][[ltem.xueke]]: [[target.text]是获取矩形元件原有的值。共[[LVAR1.dataCount1]]条/木页显示[[LVAR1visibleltemCount]]条。第[[LVAR1.pagelndex]]页/共[[LVAR1.pageCount]]页。item: 获取数据集第一行数据的集合，即数据行的对象。dataCount:获取中继器数据集中数据行的总数量。isVisible: 判断数据行是否为可见行。isFirst: 判断数据行是否为第1行。
Axure之中继器
刘鹏的个人博客
07-25 605
第一次接触到Axure,充满了好奇，下面记录一个简单案以备忘 Axure是一款快速设计网页页面的工具 下面做一个填写个人信息记录表 中继器是什么 中继器（repeater）英文为“重复”的意思，在Axure中可以理解为重复的使用同一个模板，通过向行列数据矩阵中进行数据处理后展示的小型数据库。 （由于这个是原型而不是真的数据库没有进行存储，因此通过演示处理的数据不会真正的进行存储） 具体用处： 通过...
Axure Repeater系列---排序
songqingxi的专栏
08-21 2338
最新学习整理Repeater，网上也能找到一些实现排序的帖子，但是对于不熟悉中继器的同学来说，直接上手还是有点难度的。我也遇到一些坑，特整理记录下来，共同学习。学习之前最好了解下中继器的各个属性以及函数的含义。 工具：Axure8.0 学习目标： 如下图所示，通过点击箭头图标实现位置调整，每次点击箭头相邻两行调换顺序（点击第一行，即“高等数学”顺序不变）。 知识点： （1）全局变量设...
axure中继器（产品经理必会！！！）
2301_77744536的博客
12-18 6125
续上篇博主讲述了[axure交互&情形](https://blog.youkuaiyun.com/2301_77744536/article/details/135039940)，本篇给大家讲述axure中继器。
遍历repeater
weixin_30770783的博客
05-04 175
foreach (RepeaterItem repeaterinvitation in RepeaterInvitation.Items){if (repeaterinvitation.ItemType == ListItemType.Item || repeaterinvitation.ItemType == ListItemType.AlternatingItem){ HtmlInputCh...
Axure之中继器的使用（交互&动作&reperter属性&Item属性）
热门推荐
YZZdear的博客
12-19 1万+
目录一.中继器的基本使用 二.中继器的动作（增删改查）2.1 新增2.2 删除 2.3 更新行 2.4 效果展示 2.5 模糊查询三.reperter属性在Axure中，中继器（Repeater）是一种功能强大的组件，用于创建重复的数据集合或列表。它允许原型中快速生成多个相似的元素，并根据数据源的变化自动更新这些元素。 中继器的主要用途是模拟动态数据和展示可重复的内容，例如产品列表、新闻列表、用户评论等。通过设置中继器的数据源和模板，可以轻松地生成多个相同或类似的元素，并在原型中展示它们的不同状态或变化。
AxureRP9 中继器的简单使用
weixin_43164078的博客
01-08 3409
AxureRP9 之中继器的使用 小白一枚，首次接触Axure 写这篇博客可以复习中继器的使用防止自己忘记 1.首先拖动有个表格，并删除除表头以外的行 将表格首行全部复制下来，然后加入拖入中继器，并且双击点击进入中继器，粘贴上述复制的表头并排好顺序(操作：Ctrl+V 然后将样式中位置和尺寸中的x,y改为0即可)，然后退出中继器 3.在中继器的页面中，将表格中的内容删掉 退出中继器如下图 4.然后再点击中继器，在右面样式中设置列的内容 4.然后在交互中将表格中的列与其相应的值对应 然后依次一一对应 5.
Axure入门基本操作说明（2）
xiaopomelo的博客
02-21 652
1.中继器（动态表格） 主要用于动态表格 列表显示 双击中继器设置重复的样本 选中中继器在样式里设置初始化显示数据 设置ItemLoad事件的操作 删除行 在样本中的删除按钮上绑定点击交互事件，选择删除行的操作，选择操作的中继器 分页 在中继器的样式里分页面板，可以设置分页显示 给上一页和下一页按钮绑定点击事件，选择中继器中的【设置当前选择页面】，在【页面那里选择下一页】。 新增 绘制模态框，默认...
axure函数的使用方法详细介绍
zy1992As的博客
12-20 1256
在用进行交互设计的时候，函数一般用在需要赋值和条件公式的地方。⽤途：默认名称⽤途：中继器的对象。Item.Repeater即为Item所在的中继器对象。⽤途：中继器项⽬列表中可⻅项的数量。⽐如：项⽬列表共有15项，分⻚显示为每⻚6项。当项⽬列表在第1、2⻚时，可⻅项数量为6;当项⽬列表在第3⻚时，可⻅项数量为3。⽤途：获取中继器项⽬列表的总数量，或者叫加载项数量。默认情况下项⽬列表的总数量会与中继器数据集中的数据⾏数量⼀致，但是，如果进⾏了筛选，项⽬列表的总数量则是筛选后的数量，这个数量不受分⻚影响。
Axure rp9 利用中继器实现列表新增行、删除行的效果
shandongmike的博客
02-07 2843
Axure rp9 利用中继器实现列表新增行、删除行的案例，介绍可利用中继器实现的一些效果： 1、利用中继器实现列表的隔行变色。 2、实现列表新增一行效果。 3、实现在列表中操作，点击删除当前行效果。 4、实现列表鼠标悬浮是，行变色效果。 5、实现列表选中行选中变色效果。 6、实现点击列表上否全选框/按钮，列表数据全部选中/取消选中效果。 7、实现全选的列表，若其中一项取消选中，全选框同时取消选中效果。
【Axure教程】中继器表格插入行、复制行和删除行
mushe93的博客
09-22 1882
今天教大家制作中继器表格插入行、复制行和删除行的效果~~~
利用中继器制作上移下移
06-27 1252
上移下移是我们在制作原型的时候经常会用到的功能，远的不说，就看我们axure里面就有好多地方用到了上移下移。例如，页面窗口中对不同的页面进行移动，动态面板的状态管理窗口中对动态面板的状态进行移动。这里我们就用大家熟悉的动态面板的状态管理窗口作为案例给大家看看吧。先看一下效果是怎么样的。那要怎么做才好呢？我们可以利用中继器，来完成它。首先，我们把需要的元素画出来。主要是要来做状态的移动，所以其他部分...
中继器使用以及案列
m0_74018330的博客
12-19 1570
在Axure中，Repeater的"Item"属性指的是Repeater中的每个实例，也就是重复器中的单个元素。在Axure RP中，“继承器”（Repeater）是一种非常强大的功能，允许你创建可重复的数据集，以便更容易地模拟和展示重复性的页面元素，比如表格、列表等。这些属性使得Axure中的继承器成为一个灵活且功能强大的工具，用于创建复杂的原型，特别是需要展示和处理大量重复数据的情境。1.继承器的核心是其数据集，你可以在数据集中定义不同的字段和数据，这些数据将在页面上的继承器实例中进行展示。
Axure 9.0 使用教程2-函数分类
weixin_33698823的博客
02-13 654
在axure交互设计时，函数可以用在条件公式和需要赋值的地方，其基本语法是用双方括号包含，变量值和函数用英文句号连接。如：[[LVAR. Width]] 表示变量LVAR的宽度。[[This. Width]] 当前元件的宽度 widget 元件函数详解 this 获取当前元件对象。当前元件是指当前添加交互动作的元件。如：this.text获取当前选中元件上的文字内容...
Chrome浏览器的Axure-RP原型浏览插件教程
资源摘要信息:"Axure-RP-Extension-for-Chrome插件包及教程" 本资源是关于Axure-RP-Extension-for-Chrome插件包及教程的相关信息集合，其中包含了插件的功能特点、安装流程以及使用教程。 1. 插件功能： - Axure-...
评论 20
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值