返回首页

Axure Repeater数据删除实现教程

时间:2016-09-29 00:03来源:知行网www.zhixing123.cn 编辑:麦田守望者

一、    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控件简单的实现了。

------分隔线----------------------------
标签(Tag):Axure
------分隔线----------------------------
推荐内容
猜你感兴趣