axure9中继器的使用
时间: 2025-05-11 19:22:31 浏览: 43
### Axure 9 中继器使用教程
#### 什么是中继器?
中继器是一种动态面板容器,能够存储和展示一组数据。它允许用户导入数据、图片,并支持新增行、删除行以及对数据进行排序和筛选等功能[^2]。
#### 如何创建中继器并添加数据
1. **新建中继器**
打开 Axure RP 9,在页面上右键点击空白区域,选择“插入” -> “中继器”。这将在画布上生成一个新的中继器实例。
2. **设置列属性**
双击中继器进入编辑模式,此时可以在右侧的“项目列表”窗口定义每一列的数据类型及其名称。例如,“ID”、“Name”、“Image URL”等字段可以根据需求自由设定。
3. **手动输入或导入数据**
在“项目列表”窗口中,可以直接填写每行的具体数值;或者通过 CSV 文件批量导入多条记录来填充初始数据集合。
4. **绑定界面元素到中继器项**
将静态控件拖放到中继器内部后,这些子对象会自动关联至对应的占位符变量(如 [[Item.ID]])。当切换不同行时,该位置显示的内容也会随之更新变化。
#### 动态操作中继器中的数据
- **增加新纪录**:利用动作管理器配置事件响应逻辑,比如按钮触发后执行命令`Add Row To Repeater`向目标表单追加一条空缺待填入的信息。
- **移除现有条目**:同样借助交互机制调用函数 `Remove Selected Rows From Repeater`, 删除当前选中的那一行或多行。
- **调整顺序排列方式**:可以通过脚本控制实现升序降序变换效果,亦或是让用户自行拖拽改变布局结构[^1].
以下是简单的 JavaScript 实现示例用于给中继器添加一列自增序号:
```javascript
var repeater = document.querySelector('repeater');
for (let i=0;i<repeater.children.length;i++) {
var cell = repeater.children[i].querySelector('.sequence');
if(cell){
cell.innerHTML=i+1;
}
}
```
此代码片段遍历整个重复区块下的所有单元格节点,并为其指定类名为“.sequence”的HTML标签赋值为递增值表示序列编号。
---
阅读全文
相关推荐












