首页 产品 Axure Axure教程 查看内容

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

2014-8-13 22:52| 发布者: 爱评测| 查看: 2886| 评论: 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的迫切需求。如果你有很好的基础,也有<进阶部分>和<案例部分>可以单独观看哦!


鲜花

握手

雷人

路过

鸡蛋

扫一扫关注最新动态

毒镜头:老镜头、摄影器材资料库、老镜头样片、摄影
爱评测 aipingce.com  
返回顶部