适配版本
Axure RP 9.0
一、功能说明
页面放置文本输入框+新增按钮,在输入框填写内容后,点击【新增】按钮,添加动作:中继器-添加行,调取输入框填写内容,自动在中继器列表底部新增一条数据。
二、前期准备(沿用原有中继器)
- 左侧组件库,拖拽【中继器】至页面画布,自定义命名:数据列表中继器
- 双击中继器,进入中继器内部单行编辑模板,设置展示文本、布局样式,新建数据列:内容
- 页面空白处,新增弹出框
(1)拖拽【矩形】,作为外边框;
(2) 拖拽【文本框】,命名:add_name;
(3) 拖拽【文本框】,命名: add_account;
(4) 拖拽【文本框】,命名: add_phone;
(5)拖拽【按钮】,文字改为:新增;

三、核心交互设置
选中页面【新增】按钮,添加【鼠标单击时】交互:
- 新增动作:选择【中继器】—【添加行】

- 目标元件:选择【数据列表中继器】,点击【添加行】

- 配置添加行字段:找到中继器【内容】列,赋值来源选择:元件文字
- 选取元件:Input_新增内容输入框,直接调取输入框内填写的文字或用公式
序号

姓名(账号、电话同样的方法)

状态

- 【确定】保存交互
四、功能效果
F8预览原型,在输入框输入文字,点击新增按钮,内容自动追加到中继器列表最底部,生成全新单行数据。




