flexgrid的全选按钮翻页后复选框还是选中状态的bug

本文介绍了在使用flexigrid插件时遇到的一个小bug,即全选复选框在翻页后仍保持选中状态。通过深入分析,找到了在jQuery.flexigrid.trace.js中翻页事件的处理函数,并在调用changePage后添加代码清除所有复选框的选中状态,成功解决了问题。

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

用了flexigrid这款插件也有一小段时间了,虽然依旧是不思进取的使用着原生态的js,承载着几十万条数也很轻松,一直没有想过要修改这个插件,但是最近发现这个插件有个小bug,就是当标题头的复选框被选中以后,然后翻页,则复选框依旧是选中状态,如下图所示

:

要是早以往的惯例我想我也不认为它是bug,但是有人提出来要修改这个问题,偶也就不能怠慢了这个问题。

通过firefox中找到了这个复选框


并查看了一番,原本的想法是在调用flexigrid参数以后将所有的checkbox标签的选中状态设置为false    $("input:checkbox").attr("checked", false);

可惜啊,怎么调整都不行,因为每次翻页以后没有重新刷新。因此就动了改动js的念头。Jquery.flexigrid.trace.js中翻了一圈后找到了翻页的几个click

  $('.pReload', g.pDiv).click(function () { g.populate() });

            $('.pFirst', g.pDiv).click(function () { g.changePage('first');});

            $('.pPrev', g.pDiv).click(function () { g.changePage('prev') });

            $('.pNext', g.pDiv).click(function () { g.changePage('next') });

            $('.pLast', g.pDiv).click(function () { g.changePage('last') });

呵呵找到了就要下手,其实偶也是不怎么使用jquery的新手。根据我的主观臆断应该在处理完changepange之后改动一下  $('.pFirst', g.pDiv).click(function () { g.changePage('first'); $(".noborder").attr("checked", false); });

呵呵很幸运测试通过.



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值