使用複選框的JQuery DataTable列過濾器

Question

如何使用複選框服務器端腳本實現JQuery DataTable列過濾器？請告訴我，過濾是從serveide.php完成還是在我的HTML文件中使用JavaScript完成。我想實現像https://jquery-datatables-column-filter.googlecode.com/svn-history/r77/trunk/checkbox.html但使用服務器端腳本。

Answer 1

HTML文件中數據表初始化的代碼。有一點必須記住初始化不在本地服務器上完成。該代碼必須在遠程服務器上運行。

$(document).ready(function() { 
var $dt = $('#example1').dataTable({ 
"bProcessing": true, 
     "bServerSide": true, 
     "bAutoWidth": false, 
     "pagingType": "full_numbers", 
     "sAjaxSource": "server.php", 
     "aaSorting": [[3, "desc"]], 
     "fnServerData": function(sUrl, aoData, fnCallback) { 
     $.ajax({ 
     "url": sUrl, 
       "data": aoData, 
       "success": fnCallback, 
       "dataType": "json", 
       "cache": false 
     }); 
     } 
}); 
     //$dt.fnDraw(); 

     $dt.columnFilter({sPlaceHolder: "head:before", 
       aoColumns: [ 
         null, 
         null, 
         null, 
         null, 
         null, 
         null, 
         null, 
         null, 
       { 
       type: "checkbox", 
         values: 
         [ 
         {value: '3', label: 'New'}, 
         {value: '0', label: 'Pending'}, 
         {value: '1', label: 'Active'}, 
         {value: '2', label: 'Inactive'}, 
         ] 
       }, 
         null, 
         null, 
         null, 
         null, 
         null, 
         null, 
         null, 
       ] 
     });