zoukankan      html  css  js  c++  java
  • 多个jquery.datatable共存,checkbox全选异常问题的解决

    【问题原因】
    这个应该是 jquery.datatable 控件本身的一个缺陷。
    该控件中的checkbox小插件的 id是写死的,所以当 有多个datatable 引用到一个
    页面中的时候,全选事件会匹配全部的datatable ,所以造成全部多个表格的 checkbox被都被选中。

    【解决方法】
    所以最好是修改jquery.datatable控件,给生成的每个datatable下的checkbox赋 予不同的id,因为datatable的id是不一样的,所以可以把 datatable的id作为 checkbox的前缀组成一个唯一的id 。  具体这个checkbox的调用事件也需要同步 替换成这个新id,进行事件的调用。

    [修改文件]

    jqurey.datatable.ext.js (v0.0.1)

    1. init方法修改:

    $("#"+options.select_table).find('thead tr th:first-child')
             .prepend('<input type="checkbox" value="CHK_ALL" id=“chk_all" />');

    ==>

    $("#"+options.select_table).find('thead tr th:first-child')
             .prepend('<input type="checkbox" value="CHK_ALL" id="'+options.select_table+'_chk_all" />');

    2.subscribeAllChk方法修改:

    $("#chk_all").click(function(){

    ==>

    $("#"+$.fn.datatable_ext.defaults.select_table+"_chk_all").click(function(){

    3.subscribeChk方法修改:

    if(checked_chk_num == curr_page_chk_num){
          $("#chk_all").attr('checked', 'checked');
         }else{
          $("#chk_all").removeAttr('checked');
         }

    ==>

    if(checked_chk_num == curr_page_chk_num){
          $("#"+$.fn.datatable_ext.defaults.select_table+"_chk_all").attr('checked', 'checked');
         }else{
          $("#"+$.fn.datatable_ext.defaults.select_table+"_chk_all").removeAttr('checked');
         }

  • 相关阅读:
    Day 13 匿名函数 :内置函数: 闭包
    Day 12 生成器:生成器表达式:列表表达式:yield:yield from:内置函数
    最近这些天
    正则表达式 I
    Python 软件规范开发
    模块
    常用模块介绍 time datetime os sys hashlib json pickle collections
    模拟博客园登录 基础版
    SQL 必知必会
    Python中的线程和进程
  • 原文地址:https://www.cnblogs.com/superch0054/p/4010078.html
Copyright © 2011-2022 走看看