web开发--重写表格全选事件

web开发--重写表格全选事件原创

余路生

8人赞赏了该文章 193次浏览编辑于2023年05月03日 15:22:45

需求：重写表格的全选事件

上传图片

方法：

先找到表格的全选事件，如下：

上传图片

由上图可看出表格的全选按钮是通过给多选框绑定click事件实现的，那么可以给多选框重新绑定click事件实现重写，但是要在表格的全选点击事件前绑定，并且要阻止事件冒泡，使得不会触发表格的点击事件

1、添加页面渲染前事件

上传图片

2、给控件绑定事件

上传图片

3、阻止事件冒泡

上传图片

代码：

pageRenderBefore:function(e){
         waf("#selectAll_queryGrid").bind("click",function(e){
	          e.stopImmediatePropagation();
         });
}

8人点赞

还没有人点赞，快来当第一个点赞的人吧！

打赏

0人打赏

还没有人打赏，快来当第一个打赏的人吧！