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');
         }

  • 相关阅读:
    不可重叠最长重复子串
    离散化
    hash是一门优雅的暴力
    Detect the Virus (字符串转化+AC自动机)
    病毒侵袭(AC自动机变形)
    hdu2069(Coin Change)
    Hie with the Pie(poj3311)
    poj3254(状压dp入门第一道题,很详细)
    map系统学习
    ACM-ICPC 2018 南京赛区网络预赛 B. The writing on the wall
  • 原文地址:https://www.cnblogs.com/superch0054/p/4010078.html
Copyright © 2011-2022 走看看