Axure 表格选中和取消选中

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u012259618/article/details/86500388

 

如上图所示,我们要做的效果:

(1)当勾选某一项时,灰色的复选框变为蓝色,取消勾选时,蓝色变为灰色;

(2)当我勾选了一个之后,再勾选下一个,之前的还是要维持选中状态;同理取消选中也是一样的。

设计:

(1)为了保持选中或者取消选中状态,我们在中继器数据表增加一列IsSelected选项,用于判断该选项是否是选中或者没选中状态。

(2)设置复选框“选中”状态

(3)增加一个触发事件,用于判断is_select项是否选中,选中则设置该列复选框为选中状态,否则设置为未选中状态

(4)增加中继器的交互事件“每项加载时”

至此就完成了表格的选中和取消选中效果。

猜你喜欢

转载自blog.csdn.net/u012259618/article/details/86500388