您现在的位置是:首页 >

如何实现一个datatable 多个datatable共存造成多个表格的checkbox都被选中

火烧 2021-06-28 11:37:05 1055
多个datata le共存造成多个表格的check ox都被选中 所以当有多个datata le 引用到一个页面中的时候 全选事件会匹配全部的datata le 所以造成全部多个表格的check ox
如何实现一个datatable 多个datatable共存造成多个表格的checkbox都被选中

多个datatable共存造成多个表格的checkbox都被选中  

所以当有多个datatable 引用到一个页面中的时候 全选事件会匹配全部的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 (v ) init方法修改

复制代码 代码如下: $("#"+options select_table) find( thead tr th:first child ) prepend( <input type=checkbox value="CHK_ALL" id=“c_all" /> ); ==> $("#"+options select_table) find( thead tr th:first child ) prepend( <input type=checkbox value="CHK_ALL" id=" +options select_table+ _c_all" /> );

   subscribeAllC方法修改

复制代码 代码如下: $("#c_all") click(function(){ ==> $("#"+$ fn datatable_ext defaults select_table+"_c_all") click(function(){

   subscribeC方法修改

复制代码 代码如下: lishixinzhi/Article/program/Java/JSP/201311/20141  
永远跟党走
  • 如果你觉得本站很棒,可以通过扫码支付打赏哦!

    • 微信收款码
    • 支付宝收款码