duanbei7035 2016-04-13 07:57
浏览 65
已采纳

我们如何在jQuery Datatable调用结果中启动另一个jQuery插件而不是页面就绪函数?

For my web application, iam using jQuery datatable with ajax to fetch data from database.Actually 'icheck' is initiated in jQuery page ready function.What the problem is after calling datatable or any filter or search happens in datatable, getting data correctly and icheck check boxes are showing as normal check boxes. How can i recall the icheck plugin call inside datatable call.My Code is as follows

<table id="viewcat" class="table table-bordered table-striped mar-bottom0 mydatatable">
  <thead>
    <tr>
      <th style="width: 9%"><input type="checkbox" class="minimal" id="bulkDelete" /> <button type="submit" id="deleteTriger" name="submit" class="btn btn-primary btn-xs hor-align" value="Delete Selected" >Delete</button></th>
      <th style="width: 2%">Sl.no</th>
      <th style="width: 15%">Category Name</th>                  
      <th style="width: 20%">Reference Links</th>
      <th style="width: 25%">Image</th>
      <th style="width: 15%"></th>
      <th style="width: 10%"></th>
    </tr>
  </thead>                  
</table>

Script is as follows

<script>
  $(function (){    
    $("#viewcat").DataTable({
      "fnRowCallback" : function(nRow, aData, iDisplayIndex){               
               $("td:nth-child(2)", nRow).append(aData[7]);
               return nRow;
            },      
      "processing": true,
      "serverSide": true,
      "order": [ 2, "asc" ],
      "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0, 1, 4, 5 ,6] } ],
      "ajax":{
          url :"maincategory/viewdata.php", // json datasource
          type: "post",        
          error: function(){  
          $(".viewcat-error").html("");
          $("#viewcat").append('<tbody class="viewcat-error"><tr><th colspan="7">No data found in the server</th></tr></tbody>');
          $("#viewcat_processing").css("display","none");          
          }
      }
    });

  });
</script>

Please help me to fix it..

  • 写回答

1条回答 默认 最新

  • du4822 2016-04-20 05:28
    关注

    Oh..Finally i found it..This may help others..One api function instead of ajax success is already there inside datatable plugin..That is "fnDrawCallback".

    <script>
      $(function (){    
        $("#viewcat").DataTable({
          "fnRowCallback" : function(nRow, aData, iDisplayIndex){               
                   $("td:nth-child(2)", nRow).append(aData[7]);
                   return nRow;
                },
          "fnDrawCallback": function( oSettings ){
                  $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
                      checkboxClass: 'icheckbox_minimal-blue',
                      radioClass: 'iradio_minimal-blue'
                    });},      
          "processing": true,
          "serverSide": true,
          "order": [ 2, "asc" ],
          "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0, 1, 4, 5 ,6] } ],
          "ajax":{
              url :"maincategory/viewdata.php", // json datasource
              type: "post",        
              error: function(){  
              $(".viewcat-error").html("");
              $("#viewcat").append('<tbody class="viewcat-error"><tr><th colspan="7">No data found in the server</th></tr></tbody>');
              $("#viewcat_processing").css("display","none");          
              }
          }
        });
    
      });
    </script>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 有没有大能能帮我出个适应度函数图,T_T
  • ¥60 爬虫登录易班工作站后台失败(相关搜索:登录页面)
  • ¥15 机器人关节变量求解问题
  • ¥15 ros小车启动launch文件报错
  • ¥15 vs2015到期想登陆但是登陆不上
  • ¥20 Intellij实现web登录界面
  • ¥15 IPQ5018制作烧录固件,boot运行失败(操作系统-linux)(相关搜索:操作系统)(相关搜索:操作系统)
  • ¥20 icefall在librispeech基础上加入个人数据集
  • ¥30 keepalive高可用故障运维配置询问
  • ¥15 求帮助!国家电网内网u盘突然识别不出来了。