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

【AxureRP7.0文字教程】中继器(5)修改当前行数据

2014-8-13 23:02| 发布者: 爱评测| 查看: 845| 评论: 0

摘要: 这一节,我们来讲一下如何对中继器的数据进行修改。 中继器数据的修改,也有几种不同的方式,比如: l  修改当前行; l  修改标记行; l  修改满足条件的行。 这里,我们先了解一下如何修改当前行。 修改当前行的 ...

这一节,我们来讲一下如何对中继器的数据进行修改。

中继器数据的修改,也有几种不同的方式,比如:

l  修改当前行;

l  修改标记行;

l  修改满足条件的行。

这里,我们先了解一下如何修改当前行。

修改当前行的话,我们需要把触发修改动作的元件放到中继器里面,在这个案例中,我在中继器主页中添加了一个文本(Lable)作为触发修改动作的按钮。同时,添加了一个文本框用来输入内容,并设置为隐藏。然后,在中继器数据集中多添加几行,以方便演示。

u1

我们将实现的效果是:

1、点击文本(“编辑”)的时候,显示文本框,文本框中显示旧的数据,并获取焦点。

2、同时,文本的文字从“编辑”变成”保存”;

3、当完成文本框内容编辑,点击文本(“保存”)时,当前行数据被更改。

实现步骤如下:

首先,我们需要对文本(Lable)的文字进行判断,如果它的文字是“编辑”,那么点击时,我们完成以下动作:

>>设置文本框的元件文字为当前数据行“neirong”列的值;

>>设置显示文本框;

>>设置文本框获取焦点;

>>设置文本(Lable)的文字为“保存”。

如果,它的文字是“保存”,那么点击时,我们对中继器的数据进行修改:

u2

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

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

3、勾选”this“,即对当前行数据进行修改;

4、选择要修改数据的列名,当前中继器数据集只有一列”neirong”,我们选择它,对他进行修改;如果数据集有多列,并且多列需要修改时,我们在这里则需要将所有要修改的列名都进行选择;

5、键入新的列值;这里我们需要把文本框输入的文字作为新的列值保存,所以需要点击“fx”,进行6、7两步操作;

6、新增局部变量,获取文本框输入的文字;

7、点击打开“变量与函数列表”,选择局部变量,或者直接键入[[局部变量名称]],完成新列值的编辑。

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

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

u3

是不是很爽呢?下节课我们继续讲解如何有条件的更新数据行,敬请期待哦!

下面是晒图时间,开火吧!骚粘!

516b79ae208736c503000156


鲜花

握手

雷人

路过

鸡蛋

扫一扫关注最新动态

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