jquery datatable一些設置不工作

Question

我有基於ajax的分頁，並且我使用不同的數據表具有不同的設置和變量名稱，當我更改頁面並創建數據表時，它將是不同的功能。

例如：一個表具有bFilter：false，第二個表具有bFilter：true，但第二個表中沒有搜索過濾器框。

我該如何解決這個問題？

我用dataTable 1.9.4

二表的代碼如下：

var videoListDataTable = videoListTable.dataTable({ 
     "bProcessing": true, 
     "bServerSide": true, 
     "bFilter": true,  "bRetrieve": true, 
     <?php if (isset($forRelation)): ?> 
     "bLengthChange": false, 
     "bInfo": false, 
     <?php endif; ?> 
     "sAjaxSource": "video/tableData", 
     "oLanguage": BIP.dataTableLocalization, 
     "fnServerData": function (sSource, aoData, fnCallback, oSettings) { 
      oSettings.jqXHR = $.ajax({ 
       "dataType": 'json', 
       "type": "POST", 
       "url": sSource, 
       "data": aoData, 
       "success": fnCallback 
      }); 
     }, 
     "aoColumns": [ 
      {"sTitle": "Id", "mData": "id", "bSortable": false}, 
      {"sTitle": "Video Başlığı", "mData": "title", "bSortable": false}, 
      {"sTitle": "Açıklama", "mData": "description", "bSortable": false}, 
      {"sTitle": "Thumbnail", "mData": "cdn_thumbnail", "bSortable": false,"fnRender":function(obj){ 
       // debugger; 
       var sReturn = obj.aData["cdn_thumbnail"] 
       var returnButton = "<img src='"+sReturn+"' height='25px' width='60px'/>"; 
       return returnButton; 
      }}, 
      { 
       "sTitle": "Seçim", 
       "sClass": "text-centered", 
       "mData": null, 
       "bSortable": false, 
       "fnRender": function (obj) { 
        var sReturn = obj.aData[ obj.iDataColumn ]; 
        var returnButton = "<input class='btn blue' type='button' style='float: right' onclick='BIP.video.table.videoSelectedForRelation(this);return false;' name='" + sReturn + "' value='Seç'></input>"; 
        return returnButton; 
       },"sWidth": "25%" 
      }, 
      { 
       "sTitle": "Düzenle", 
       "sClass": "text-centered", 
       "mData": null, 
       "bSortable": false, 
       "fnRender": function (obj) { 
        var sReturn = obj.aData[ obj.iDataColumn ]; 
        var returnButton = "<input class='btn blue' type='button' style='float: none' onclick='BIP.video.detailClickedFromTable(this);return false;' name='" + sReturn + "' value='Düzenle'></input>"; 
        return returnButton; 
       },"sWidth": "25%" 
      } 
     ], 
     "fnCreatedRow": function(nRow, aData, iDataIndex) { 
      $(nRow).attr("id","video_table_video_id_"+aData["id"]); 
     } 
    }); 

Answer 1

我發現這個問題。我的朋友擴展了dataTable，這個擴展損壞了dataTable。

問題是

$.extend(true, $.fn.dataTable.defaults, { 
    "sDom": "<'collapse'<'row-fluid'<'span6'l><'span6'f>r>>t<'row-fluid'<'span6'i><'span6'p>>", 
    "sPaginationType": "bootstrap", 
    "oLanguage": { 
     "sLengthMenu": "_MENU_ records per page" 
    } 
});