AxureRP7.0从入门到精通(连载38)

Axure书籍 小楼一夜听春语 14141℃ 0评论

2. 数据集的操作

苏苏:楼哥,看了你用中继器做的案例,真的感觉这个元件好强大。

小楼:这就强大了?更强大的你要不要看?

苏苏:在哪里呢?我要看!

小楼:在下面!

 

前面的内容,只是刚刚帮助我们了解中继器的组成。实际上,中继器更强大的功能是它能够动态的添加、删除、修改数据集中的数据,并实时呈现出来,让这个元件的效果更加丰富、逼真。而且,中继器还能够按照条件进行灵活的筛选,也能够按列进行不同类型的排序,通过这些功能实现不同的查看效果。

2.1.  添加数据

添加数据其实是为中继器的数据集添加数据,然后通过项目交互在项目列表中显示出来。这个添加数据的动作叫做“添加行”。

例如之前做好的学生成绩表,我们可以为其添加新的数据并显示出来。

案例:添加数据

先为中继器命名为“scoretable”,然后,对应数据集中的四个字段,我们需要放入四个文本框(命名为“s_id”、“s_name”、 “s_literature”和“s_math”)用来接收输入的文字。再添加一个按钮,用来在点击这个按钮时,将四个文本框的数据保存到中继器数据集中的一个新的行里面去。

准备好上面提到的元件,我们在按钮上添加动作。为了让大家能够更清楚的了解过程,我们按步骤来实现(图6-24):

1、双击按钮的【鼠标单击时】事件,打开用例编辑界面;

2、选择中继器数据集中的动作【添加行】;

3、勾选要添加行的到中继器【scoretable】;

4、点击界面右下角的添加行按钮,打开“添加行到中继器”的编辑界面;

5、在“添加行到中继器”的编辑界面,我们能够看到之前做好的中继器数据集的四个列和一个空行。点击空行中每个单元格后方的【fx】,打开“编辑值”的界面;

6、设置局部变量接收对应的文本框中输入的文字;比如空行中的math这一列,设置局部变量“smath”接收文本框“s_math”中的元件文字;

7、将局部变量填入值的编辑区,【确定】退出。这样就把文本框中的文字写入到了空行的单元格中。

完成所有单元格值的编辑后,一整行数据就组织完毕了。当点击添加按钮时,就会将四个文本框中的数据组织成一行数据添加到中继器的数据集当中。

图6-24

(图6-24)

2.2.  删除数据

删除数据分为几种情况:删除当前行、按条件删除和按标记删除。

 

案例: 删除当前行

删除当前行需要我们将之前的中继器做下调整,在模板中的最右侧新添加一个删除按钮。

然后,我们来设置交互,步骤如下:

1、选中模板中的删除按钮;

2、双击删除按钮的【鼠标单击时】事件;

3、用例编辑界面中添加用例动作【删除行】;

4、勾选中继器【scoretable】;

5、选中界面右下角的【This】。This表示当前一行的意思。

通过以上几步,就完成了删除当前行的动作。(图6-25)

图6-25

(图6-25)


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

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

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

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


转载请注明:Axure原创教程网 » AxureRP7.0从入门到精通(连载38)

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

表情

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(8)个小伙伴在吐槽
  1. 苏苏:楼哥,看了你用中继器做的案例,真的感觉这个元件好强大。 小楼:这就强大了?更强大的你要不要看? 苏苏:在哪里呢?我要看! 小楼:在下面! 苏苏:臭流氓!! 小楼:……T^T
    JM2015-10-21 13:56 回复
    • 小楼一夜听春语
      我靠,你个伪原创!
      小楼一夜听春语2015-10-22 08:23 回复
  2. 苏苏:楼哥,看了你用中继器做的案例,真的感觉这个元件好强大。 小楼:这就强大了?更强大的你要不要看? 苏苏:在哪里呢?我要看! 小楼:在下面! 苏苏:下面?哪儿呢!楼哥你下面没有啊!! 小楼:……T^T
    杀羊2015-11-17 09:31 回复
  3. 删除行:未勾选scoretable是时候,this,条件,已标记为灰色状态,无法选择,勾选scoretable后,this不见了,只能选择条件,已标记。。。。。。。。。怎么解释?是版本问题吗?
    菜鸟2015-12-01 16:59 回复
    • 明白过来了
      菜鸟2015-12-02 19:21 回复
  4. 为什么我删除的时候没有找到 this ……
    kee2015-12-06 20:14 回复
  5. 如果删除按钮不放在中继器里,而是放在外面,应该如何处理呢,应该如何写规则呢。
    winner2016-03-10 09:41 回复
    • 知道了,后面章节有说道
      winner2016-03-10 10:39 回复