axure中继器之全选、取消全选

1.首先要创建一个中继器表格

先拖入一个动态面板,然后右击选择滚动条,若有很多数据,页面放不下时表格可以滚动,双击进入动态面板放入中继器,再填写数据,设置交互使数据能与中继器关联,展现在页面中.

2.设置多选框状态

将多选框右击转换为动态面板,双击进入设置两种状态(全选和单项都要设置)

3.拖入一个文本来计算选中的项,默认为零(为了不影响美观可以将该文本隐藏)

现有列表有四条数据,所以当计数器小于四,全选的复选框为未选中,反之全选的复选框为选中

4.单项设置交互

 单项默认是未选中的,添加点击事件,分为两种情况:

1.当单项未选中时,单击单项状态为选中,设置计数器加一,触发计数器事件,标记当前行。

2.当单项选中时,单击单项状态为未选中,设置计数器减一,触发计数器事件,取消标记当前行。

5. 全选设置交互

 全选默认是未选中的,添加点击事件,分为两种情况:

1.当全选未选中时,单击全选状态为选中,单项状态也选中,设置计数器为4(数据列表只有四条数据)标记全部行。

2.当全选选中时,单击全选状态为未选中,单项状态也未选中,设置计数器为0,取消标记全部行。

 最后展现效果

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值