欢迎光临
我们一直在努力

Axure9.0 中继器新增单行数据教程

适配版本

Axure RP 9.0

一、功能说明

页面放置文本输入框+新增按钮,在输入框填写内容后,点击【新增】按钮,添加动作:中继器-添加行,调取输入框填写内容,自动在中继器列表底部新增一条数据。

二、前期准备(沿用原有中继器)

  • 左侧组件库,拖拽【中继器】至页面画布,自定义命名:数据列表中继器
  • 双击中继器,进入中继器内部单行编辑模板,设置展示文本、布局样式,新建数据列:内容
  • 页面空白处,新增弹出框

       (1)拖拽【矩形】,作为外边框;

       (2) 拖拽【文本框】,命名:add_name;

       (3) 拖拽【文本框】,命名: add_account;

       (4) 拖拽【文本框】,命名: add_phone;

       (5)拖拽【按钮】,文字改为:新增;

三、核心交互设置

选中页面【新增】按钮,添加【鼠标单击时】交互:

  • 新增动作:选择【中继器】—【添加行】

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

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

序号

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

状态

  • 【确定】保存交互

四、功能效果

F8预览原型,在输入框输入文字,点击新增按钮,内容自动追加到中继器列表最底部,生成全新单行数据。

赞(0)
未经允许不得转载:171主机测评 » Axure9.0 中继器新增单行数据教程
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址