【AxureRP7.0文字教程】中继器(4)通过规则删除

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

D通过设置规则,删除满足条件的的行。

有人说我卖萌,艹,我只卖艺不卖萌!

下面我们来看如何根据规则,删除中继器中指定的内容。

案例效果:删除中继器中显示的文字内容与输入内容相同的行。

首先呢,我们还是添加一些元件来帮助我们实现效果,在主页中我们添加一个文本输入框,取名叫”Ipt2”,再添加一个删除按钮。

r41

然后,按照下列步骤,完成按规则删除行。

r42

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

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

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

4、勾选”规则“;

5、“规则”输入框的右侧有个fx,点击打开编辑框;

6、新建一个局部变量“ipt2”来获取,文本输入框“ipt2”中输入的文字;

7、点击打开“变量与函数列表”,选择中继器的属性”TargetItem.column0”和局部变量“ipt2”并用布尔“==”进行连接。

r43

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

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

r44

这里我们只是通过一种场景的模拟,来讲述通过规则删除中继器某一行的操作。其实,我们能通过规则来实现很多删除的效果。比如,我们之前讲过的删除全部。

思考:

能不能删除包含中文的行呢?

能不能删除第6行至第9行呢?

能不能删除单数行或双数行呢?

能不能删除前10行呢?

能不能删除没有被标记的行呢?

答案:都可以。只要我们结合不同的函数、属性等等,通过书写不同的规则,基本上各种能够想到的删除效果我们都能实现。当然,这些是建立在对函数、属性等知识非常熟悉的基础上。

中继器的应用部分案例:

http://www.iaxure.com/share/jddemo/

http://www.iaxure.com/share/bank/

http://www.iaxure.com/share/tabp/

http://www.iaxure.com/share/jhwz/

你能看出哪里使用了中继器吗?

后记:关于函数、属性相关的这些重要的基础知识,请继续关注博客的更新内容。如果比较着急学习,请关注我的视频课程《AxureRP7.0从入门到精通》。系统、直观的教学内容,提高学习效率与效果的关键。也是同学们提升技能、快速进阶、帮助自己求职加薪最好的选择。节省N天的时间成本,远远超过课程的价格。


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

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

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

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


转载请注明:Axure原创教程网 » 【AxureRP7.0文字教程】中继器(4)通过规则删除

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

表情

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址