axure中继器（产品经理必会！！！）

前言：

续上篇博主讲述了axure交互&情形，本篇给大家讲述axure中继器。

一、中继器是什么？

• Axure中的中继器（Repeater）是一种功能强大的组件，用于显示重复的文本、图片和链接。它可以模拟数据库的操作，进行增删改查等操作。
• 中继器通常用于显示商品列表信息、联系人信息、用户信息等。它由数据集和中继器项组成。数据集是中继器的数据源，而中继器项则是根据数据集中的数据来展示内容。中继器还支持数据的搜索、排序和分页等操作，使得设计师可以更方便地创建复杂的交互界面。

二、中继器有什么用？

• 创建中继器部件来显示重复的文本、图片和链接，比如商品列表信息、联系人信息、用户信息等等。
• 使用中继器来加载数据，模拟数据库的操作，进行数据库的增删改查操作。
• 最常见的使用场景是将中继器用于制作表格，以展示重复的数据内容。

三、中继器：

3.1中继器的交互：

• 把中继器拖到画布中
  
  -点进去有点类似动态面板
  
  -之后点击样式可以填充数据
  
• 加完之后对应的中继器有每一项加载时事件：
  
• 刚给中继器设置了列name
  
  -然后点击事件每项加载时给他设置你刚添加的name属性
  
• 点击这个取找你刚设置的name
  
  
  然后就会显示你之前填入的相对应的数据：
  
• 这边也是一样的：
  
  加载的就是你填入中继器的数据
  
  
• 出现效果需要做哪些事情：
  1.给中继器的样式导入数据（文字、图片）
  2.给中继器添加每一项加载时事件 （事件）
  3.给中继器中的元件设置内容
  1）给文本设置
  2）给图片设置

3.2中继器的动作：

增删改查

• 增加
  

• 删除
  
  

• 复选框选中时事件，选中就给他标记，没有选中就给他取消标记
  
  
• 更新：
  
  
  -上一页/下一页：
  
  
  
• 每页显示多少条数据：
• 
• 

3.3中继器的repeater属性：

• 中继器中的repeater属性是一个高级组件，用于显示文本、图像和其他元素的重复集合。
• 中继器中的repeater是一个容器，容器中的每一个项目称作"item"。
• 每一个item可以在展示的时候与其他不同，因为item中的数据由数据集来驱动。
• 可以通过repeater属性在中继器中增加新的列option，并添加一个del Button，从而实现行内的删除功能。
• 通过给行内按钮添加交互事件，可以完成删除所选中的行的操作。
  
• Repeater：中继器的对象
• visibleItemCount：中继器项目列表中可见项的数量
• ItemCount：加载项数量
• dataCount：获取中继器数据集中数据行的总数量
• pageCount：获取中继器分页的总数量，即能够获取分页后共有多少页
• pageIndex：获取中继器项目列表当前显示内容的页码
  注意ItemCount与dataCount的区别：中继器1用的dataCount，中继器2用的ItemCount
  
  
• 按照文本框里面的内容进行
  

3.4中继器的Item属性：

• 中继器的Item属性是指中继器中的每一个项目，每个项目都可以包含文本、图像和其他元素的重复集合。这些项目由数据集来驱动，因此每一个项目可以在展示的时候与其他不同。当编辑项目item时，您将只看到其包含的窗口小部件的一个实例(instance)。
  
  
• item：获取数据集第一行数据的集合，即数据行的对象；
• item.列名：获取数据行中指定列的值；
• index：获取数据行的索引编号，编号起始为1，由上至下每行递增1；
• isFirst：判断数据行是否为第1行；
• isLast：判断数据行是否为最末行；
• isEven：判断数据行是否为偶数行；
• isOdd：判断数据行是否为奇数行；
• isMarked：判断数据行是否为被标记；
• isVisible：判断数据行是否为可见行；
  [[target.text]][[Item.xueke]]：[[target.text]]是获取矩形元件原有的值

案例：