【AxureRP7.0文字教程】中继器(2)新增与删除当前行

AxureRP7.0教程 小楼一夜听春语 29768℃ 0评论

一、中继器的新增行

中继器所显示的列表项与中继器的数据集有关,默认情况下是一一对应的。也就是说,中继器数据集中有多少行数据,那么,列表项就有多少个。

r21

那么,我们能不能通过新增数据行来增加列表项呢?

可以的。我们可以通过动作对中继器进行新增行的操作。

下面就以向默认状态下的中继器新增行举例,我们将一个文本框(命名为”Ipt”)和一个“新增”按钮放到编辑区。生成后的效果要求:点击“新增”按钮时,将文本框中输入的内容添加到中继器(命名为”Rpt”),显示出新的列表项。

具体实现步骤如下:

r22

1、选中“新增”按钮,双击“鼠标单击时”事件名称,打开用例编辑器;

2、点击动作列表中:中继器>数据集>新增行;

3、在用例编辑器右侧,勾选要新增行的中继器;

4、点击“新增行”的按钮;(箭头指向的位置,被Fx的编辑框遮挡住了)

5、可以直接输入要新增的值,但是,因为我们是要将文本框的值添加到中继器,所以,这里我们点击“Fx”;

6、新增局部变量,并命名为”Ipt”,设置“Ipt”=文本框”Ipt”的元件文字;

7、点击变量函数列表,选择局部变量”Ipt”或者直接在编辑区输入[[Ipt]]。

8、通过“确定”每一个对话框,回到主窗口,完成编辑。

9、点击预览,或者生成Html文件,并在浏览器中打开,查看效果。

r230

二、中继器的删除行

新增行很简单,删除呢?也很简单!嚯嚯嚯嚯嚯嚯嚯!

其实没那么简单!

艹,老师你蛇精病啊!到底简单不简单?

不要急嘛!最讨厌你们这个样子啦!

是这样的,删除和新增不一样,因为删除,有很多种不同的方式,比如:

  • 删除当前行;
  • 删除全部;
  • 删除标记行;
  • 通过设置规则,删除满足条件的的行。

那怎么实现呢?

A删除当前行

首先,我们先来看怎么删除当前行。顾名思义,每一项要对应一个删除按钮。所以,我们要在中继器中添加一个“删除”按钮,通过点击“删除”按钮,来实现删除数据集中的数据。

r23

然后,在点击这个“删除“按钮的时候,我们要删除当前的一行。步骤如下:

r24

1、选中“删除”按钮,双击“鼠标单击时”事件名称,打开用例编辑器;

2、点击动作列表中:中继器>数据集>删除行;

3、在用例编辑器右侧,勾选要删除行的中继器;

4、选中“This“;

5、通过“确定”每一个对话框,回到主窗口,完成编辑。

6、点击预览,或者生成Html文件,并在浏览器中打开,查看效果。

r25

那么如何删除全部呢?

未完待续>>

 

如果学习文字教程感觉吃力,敬请关注下方的视频课程《AxureRP7.0从入门到精通》,满足从0基础出发,短时间内熟练使用AxureRP7.0的迫切需求。如果你有很好的基础,也有<进阶部分>和<案例部分>可以单独观看哦!


~~~~~~~~~~~~ 正文结束 下面没了 ~~~~~~~~~~~~

小楼老师再出新作,倾力打造Axure RP 8精品课程系列,以最短的时间高效完成学习目标,入门进阶与实战案例并重,是0基础的新手从入门到精通的必备课程。

《AxureRP 8 入门与实战 - 入门篇》------从零入门进阶的最佳课程------【点此查看详情】

《AxureRP 8 入门与实战 - 案例篇》------实战手册图书的同步视频------【点此查看详情】


转载请注明:Axure原创教程网 » 【AxureRP7.0文字教程】中继器(2)新增与删除当前行

喜欢 (30)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(3)个小伙伴在吐槽
  1. 小楼老师,中继器可以取到droplist里不同选项的数据吗
    crazy2192014-05-25 16:47 回复
  2. delete all of? easy,主页再来一个按钮,标记,删除
    老唐2015-03-22 23:17 回复
  3. 中继器可以横排序吗?
    QQ2016-04-19 12:08 回复