关于ligerui grid分页checkbox绑定问题

在使用ligerUI Grid时遇到分页时Checkbox选中状态不保留的问题,原因是切换页面时‘l-selected’类丢失。解决方案是通过维护一个数据对象,根据选中或取消状态操作该数据,并在onCheckRow事件中更新,同时在onAfterShowData事件中依据数据ID设置对应行的‘l-selected’类,确保选中状态正确显示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  前一阵在grid中使用checkbox的时候在第一页打对号选取,切到第二页再切回第一页,发现第一页本来打对号选取上的都不见了,后来找到了解决办法。

  造成这种现象的原因就是,每次选择上对号后,都会赋予该条信息一个名为“l-selected”的class属性,切换页的时候丢失了这个属性。解决思路:定义一个data,每次选中打勾,或取消打勾,都对这个data进行操作,然后通过data中的内容通过ID找到对应的信息,对该信息进行class的修改。

grid中拥有一个选择事件onCheckRow,如图,通过这个事件触发f_onCheckRow方法,在f_onCheckRow,方法中,通过ischeck属性判断此时的状态;如选中,则向data中存入,如取消,则从data中去除。

图一中还有onAfterShowData事件,这个为显示完数据事件。

利用这个事件,判断data中的数据,拼接ID通过jquery找到对应行进行class的修改。赋予上“l-selected”属性。问题就解决了。

注:拼接ID的时候可网页F12查看html,观察grid中各条数据的ID格式。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值