返回首页

Axure Repeater数据删除实现教程

时间:2016-09-29 00:03来源:betway必威官网www.etsupport.net 编辑:麦田守望者

一、    Repeater控件设置

Repeater控件的设置跟上期完全一样,我们直接用上期的数据即可。具体过程如下:
1、拖放一个Repeater控件到主页上,默认界面如图所示


2、双击Repeater控件,进入控件设置界面。控件包括上方布局部分和下方设置部分。


3、拖放6个输入框,分别注释姓名、生日、性别、身份证号码、地址、电话。同时,在下方Repeater数据中输入6列相应数据。


4、切换到Repeater交互设置页面,按照图示,将6个输入框分别与Repeater列进行数据绑定。


绑定完成后回到主页,看到下图即表明成功。

二、    数据删除设置
1、继续打开Repeater控件,在布局设置中加入一个任意具有鼠标点击交互的控件即可。


2、点击“删除”控件,选择“鼠标单击”用例。
(1)首先进行“标记”行的操作。其中,标记选择“This”即可,标明本控件与本条数据进行标记绑定。


(2)当绑定本条数据后,即可进行数据的删除操作了。如下:


至此,单条数据的删除就已经完成了。当然,我们也可以应用规则进行特殊的删除,或者直接全部删除。在此,只是抛装引玉,更深层次的可以大家自行探索。

三、    效果演示

按F5运行,界面如下:

删除第一条数据,效果如下:

我们可以看到,删除第一条数据后,第二条数据自动上移到第一条数据的位置了。在Axure 7之前,我们要实现这种这效果一般都需要通过动态面板来实现,而Axure 7以后可以通过Repeater控件简单的实现了。

顶一下
(0)
0%
踩一下
(0)
0%
标签(Tag):Axure
------分隔线----------------------------
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
猜你感兴趣