1.首先要创建一个中继器表格
先拖入一个动态面板,然后右击选择滚动条,若有很多数据,页面放不下时表格可以滚动,双击进入动态面板放入中继器,再填写数据,设置交互使数据能与中继器关联,展现在页面中.
2.设置多选框状态
将多选框右击转换为动态面板,双击进入设置两种状态(全选和单项都要设置)
3.拖入一个文本来计算选中的项,默认为零(为了不影响美观可以将该文本隐藏)
现有列表有四条数据,所以当计数器小于四,全选的复选框为未选中,反之全选的复选框为选中
4.单项设置交互
单项默认是未选中的,添加点击事件,分为两种情况:
1.当单项未选中时,单击单项状态为选中,设置计数器加一,触发计数器事件,标记当前行。
2.当单项选中时,单击单项状态为未选中,设置计数器减一,触发计数器事件,取消标记当前行。
5. 全选设置交互
全选默认是未选中的,添加点击事件,分为两种情况:
1.当全选未选中时,单击全选状态为选中,单项状态也选中,设置计数器为4(数据列表只有四条数据)标记全部行。
2.当全选选中时,单击全选状态为未选中,单项状态也未选中,设置计数器为0,取消标记全部行。
最后展现效果