企业官网建设流程全解析

中继器单行编辑是Axure9.0后台列表、数据表单原型的核心操作，核心逻辑为标记当前点击行→绑定编辑数据→更新标记行数据。本文讲解两种常用实操方案：弹窗式单行编辑（主流通用），步骤零门槛、可直接复刻。

一、前期基础准备

1. 拖拽【中继器】元件至页面，自定义列（如姓名、账号、电话、状态），录入多条测试数据；

2. 中继器每项内放置展示元件（文本标签展示数据），绑定中继器对应列数据，完成基础列表渲染；

3. 在中继器每行模板中添加【编辑按钮】，用于触发单行编辑操作，这是精准编辑单行数据的关键。

二、弹窗式单行编辑

该方式点击单行编辑按钮，弹出编辑弹窗，修改数据后保存更新对应单行，不影响其他行数据，适配后台管理列表、用户信息列表等场景。

步骤1：创建编辑弹窗组件

1. 新建【动态面板】作为编辑弹窗；

2. 弹窗内放置文本输入框，数量与中继器可编辑列对应，用于录入新数据；

3. 弹窗添加【确定】【取消】两个功能按钮，完成弹窗基础搭建。

步骤2：编辑按钮交互（标记单行+回填数据）

选中中继器模板内的【编辑按钮】，添加【鼠标单击时】用例，操作如下：

1.标记当前行：添加动作「中继器-标记行」，目标选中当前中继器，标记范围选择【当前】，精准锁定需要编辑的单行数据；

2.弹窗回填旧数据：添加动作「设置文本」，选中弹窗内的输入框，值选择【中继器-已标记行】，依次绑定对应列的原始数据，实现打开弹窗自动显示该行原有内容；

步骤3：确定保存按钮交互（更新单行数据）

选中弹窗【确定】按钮，添加【鼠标单击时】用例，核心更新操作：

1.更新中继器单行数据：添加动作「中继器-更新行」，目标选中当前中继器，更新范围选择【已标记行】；

2.绑定新数据：在列值设置中，将中继器各可编辑列，对应绑定弹窗内输入框的文本内容，替换原有旧数据；

3.收尾操作：添加「取消标记行」，清除单行标记状态，避免后续操作冲突。

步骤4：取消按钮交互

【取消】按钮仅需三个动作：【显示/隐藏】隐藏编辑弹窗和遮罩、【取消标记】取消中继器标记行，放弃本次编辑，还原初始状态。

三、效果预览