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

  • 相关阅读:
    Using a custom AxisRenderer object
    进度条
    flex 自定义tooltip
    深入理解JAVA虚拟机 垃圾收集器和内存分配策略
    深入理解JAVA虚拟机 自动内存管理机制
    oracle pl/sql 程序设计 历史笔记整理
    oracle sql 高级编程 历史笔记整理
    JAVA并发编程的艺术 Java并发容器和框架
    JAVA并发编程的艺术 JMM内存模型
    Java并发编程实战 第16章 Java内存模型
  • 原文地址:https://www.cnblogs.com/superch0054/p/4010078.html
Copyright © 2011-2022 走看看