2016-04-13 11 views
0

Web uygulamam için veri kaynağından veri almak için ajax ile jQuery veri tabanını kullanarak iam jQuery sayfası hazır işlevi başlatılır. Sorun, veri tablosunu çağırdıktan sonra veya herhangi bir filtre veya arama veri tabanında gerçekleştiğinde veriyi doğru şekilde alır ve onay kutuları normal onay kutuları olarak gösteriliyor.jQuery Datatable çağrı sonuçları içinde sayfa hazır işlevi yerine başka bir jQuery eklentisi nasıl başlatılır?

<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> 

düzeltmek için bana yardım edin şu şekilde Script

<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> 

..

+0

'iCheck' etkinleştirme kodu nedir? – itzmukeshy7

+0

+0

Onay kutusunu ve radyo girişlerini $ ['giriş [tipi = "onay kutusu"]. Minimum, giriş [type = "radyo"]. Minimal') iCheck ({checkboxClass: 'icheckbox_minimal-blue' , radioClass: 'iradio_minimal-blue'}); '$ .ajax.success 'tablosuna veri ekledikten sonra; – itzmukeshy7

cevap

0

Oh şöyle ı Datatable call.My Kanunu içindeki icheck eklentisi çağrıyı geri çağırmak nasıl olduğunu. .Finally buldum ... Bu başkalarına yardımcı olabilir ... ajax yerine yerine bir api işlevi zaten datatable eklenti içinde var .. Bu "fnDrawCallback" dir.

<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>