美文网首页
Axure RP 9 中继器原理——更新行

Axure RP 9 中继器原理——更新行

作者: 自由而灿烂的神 | 来源:发表于2021-08-21 18:42 被阅读0次

    我们使用中继器的时候,除了添加行、删除行,有时候我们还需要从表格里面选定某一行进行修改更新,那么如何更新行捏?

    本篇文章在前两篇的文章基础上操作:
    1、Axure RP 9 中继器原理——添加行 ( 也可以直接在这篇文章的基础上进行更新行操作)

    2、Axure RP 9 中继器原理——删除行

    步骤:
    1、我们先复制一下 Axure RP 9 中继器原理——删除行 的全部元件,然后CTRL+V放在一个新的页面中,将矩形框添加一个文字标签,并将内容修改为“中继器添加行”,如下图:

    复制到新页面

    2、全选矩形框的元件,复制一份,放到中继器下方,并将文字标签的内容修改为“中继器更新行”,三个文本框在“交互”下的命名分别为“输入商品名称-更新”、“输入商品数量-更新”、“输入商品价格-更新”,按钮的文字改为“确认”。如下图:

    复制修改矩形框

    3、将“中继器更新行”矩形内选中、CTRL+G组合,同时将组合名称命名为“中继器更新行弹窗”。

    组合命名

    4、双击选中中继器,点击选中“修改”,“新建交互”——>“单击时”——>“显示/隐藏”——>目标:“中继器更新行弹窗”——>“显示”——>更多选项:“灯箱效果”——>"完成"。

    设置

    5、继续“添加动作”,选择“标记行”——>目标:“(中继器)”——>行:“当前”——>"完成"。

    设置标记行

    6、继续“添加动作”,选择“设置文本”——>目标:“输入商品名称-更新”——>fx:“Item.name”——>“确定”——>“完成”。

    设置

    7、继续“添加目标”,同样的方法,目标:“输入商品数量-更新”——>fx:“Item.number”——>“确定”——>“完成”。

    设置

    8、继续“添加目标”,同样的方法,目标:“输入商品价格-更新”——>fx:“Item.sale”——>“确定”——>“完成”。

    设置

    9、设置完成的亚子,如下图:

    设置完成

    10、关闭中继器,单击选中“确定”按钮,“新建交互”——>“单击时”——>“更新行”——>目标:“(中继器)”——>"已标记"——>选择列:“name”——>fx——>添加局部变量(如图所示)——>“插入变量或函数”(如图所示)——>“确定”。

    设置更新的商品名称

    11、继续“选择列”,用同样的方法,设置商品数量、价格。最后点击“完成”。

    设置商品数量

    12、继续“添加动作”,目标:“中继器跟新弹窗”——>“隐藏”——>“确定”。

    显示/隐藏

    13、继续“添加动作”,目标:“(中继器)”——>“全部”——>“确定”。

    取消标记

    14、隐藏整个矩形框。

    隐藏

    15、预览效果。

    首先,先添加几行数值,对某一行的数据点击“修改”,会出现“中继器更新行弹窗”,并获取到刚刚点击需要修改的行的数值,进行修改后,点击“确认”,当前行的数值被修改,其他行的数值不变,中继器更新行成功。完结,撒花~

    相关文章

      网友评论

          本文标题:Axure RP 9 中继器原理——更新行

          本文链接:https://www.haomeiwen.com/subject/auafiltx.html