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

  • 相关阅读:
    JS
    Python之缩进块
    Python快捷键
    Python介绍
    SOAP UI-----测webservice接口
    jmeter分布式压测(多台电脑一起压测)
    jmeter操作数据库
    jmeter压测
    jmeter关联
    jmeter参数化
  • 原文地址:https://www.cnblogs.com/superch0054/p/4010078.html
Copyright © 2011-2022 走看看