版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u012259618/article/details/86500388
如上图所示,我们要做的效果:
(1)当勾选某一项时,灰色的复选框变为蓝色,取消勾选时,蓝色变为灰色;
(2)当我勾选了一个之后,再勾选下一个,之前的还是要维持选中状态;同理取消选中也是一样的。
设计:
(1)为了保持选中或者取消选中状态,我们在中继器数据表增加一列IsSelected选项,用于判断该选项是否是选中或者没选中状态。
(2)设置复选框“选中”状态
(3)增加一个触发事件,用于判断is_select项是否选中,选中则设置该列复选框为选中状态,否则设置为未选中状态
(4)增加中继器的交互事件“每项加载时”
至此就完成了表格的选中和取消选中效果。