【Axure RP 9 实战】中继器动态表格：从零构建增删改查交互系统

1. 中继器基础：理解动态表格的核心机制

第一次接触Axure RP 9的中继器时，我盯着那个默认生成的三个矩形看了足足十分钟。明明只拖入了一个矩形元件，为什么预览时会变成三个？这个看似简单的现象背后，藏着中继器最核心的工作原理——数据驱动视图。

双击中继器内部，你会发现里面确实只有一个矩形元件。这个设计非常巧妙，就像是一个模板。当我们在样式面板的数据表格中添加数据时，中继器会自动根据数据条数复制这个模板。比如默认有三行数据"1、2、3"，就会生成三个矩形实例。这种机制在原型设计中非常实用，特别是当我们需要展示大量结构化数据时。

数据绑定的奥秘藏在"每项加载时"这个交互事件里。你可以在这里设置如何将数据映射到界面元素上。举个例子，如果数据表格有两列"姓名"和"年龄"，我们可以分别绑定到不同的文本元件上。我常用的做法是：

1. 先在中继器内部布置好表格的各列元素
2. 然后在"每项加载时"事件中逐个设置文本值
3. 使用[[Item.列名]]的语法引用数据

// 伪代码示意数据绑定逻辑
中继器.每项加载时 => {
    矩形1.text = 当前行.姓名;
    矩形2.text = 当前行.年龄;
}

2. 构建电商订单管理系统框架

让我们以电商后台的订单管理为场景，搭建一个完整的动态表格系统。这个案例会包含订单编号、商品名称、订单金额、下单时间和操作按钮等常见字段。

第一步：搭建表格结构

1. 拖入一个中继器到画布
2. 双击进入编辑，删除默认矩形
3. 添加5个矩形横向排列作为表格列
4. 为每个矩形命名：orderId、productName、amount、createTime、operation

第二步：准备测试数据 在中继器样式的数据表格中添加对应字段：