2014-02-10 40 views
0

我使用DataTables一切工作正常,但所有的記錄不會顯示輸出:爲什麼不能顯示所有記錄?

enter image description here

這裏是我的代碼:

 oTable = $('#permissions').dataTable({ 
      //"sScrollY" : "425px", # I added this 
      "sAjaxSource": url, 
      "bServerSide": true, 
      //"sDom": "t", 
      "sDom": "frtiS", # I added this 
      //"sPaginationType": "bootstrap", 
      "bProcessing" : false, 
      //"aoColumnDefs": [{ "bSortable": false, "aTargets": [ 2,3 ] }], 
      "aoColumnDefs": [ { 
       "aTargets": [ 1 ], "sWidth": "30px", 
       "mRender": function (data, type, full) { 
       return format_checkbox('admin', data, full);} 
      },{ 
       "aTargets": [ 2 ], "sWidth": "30px", 
       "mRender": function (data, type, full) { 
       return format_checkbox('consignment', data, full);} 
      },{ 
       "aTargets": [ 3 ], "sWidth": "30px", 
       "mRender": function (data, type, full) { 
       return format_checkbox('team', data, full);} 
      },{ 
       "aTargets": [ 4 ], "sWidth": "30px", 
       "mRender": function (data, type, full) { 
       return format_checkbox('agent', data, full);} 
      },{ 
       "aTargets": [ 5 ], "sWidth": "30px", 
       "mRender": function (data, type, full) { 
       return format_checkbox('report', data, full);} 
      },{ 
       "aTargets": [ 6 ], 
       "mRender": function (data, type, full) { 
       return '<button data-orgid="'+data+'" class="btn btn-danger delbutton">Delete</button>'; 
       } 
      } ], 
      "bDeferRender": true, 
      "bStateSave": true,    
      "fnDrawCallback": function(oSettings) { 
       $('.switch').bootstrapSwitch(); 
       $('.switch').on('switch-change', function (e, data) { 
        var ds = $(data.el)[0].dataset, value = data.value; 
        var ndata = {orgid:ds["orgid"]} 
        ndata[ds["permission"]] = value ? "on" : "off"; 
        $.post(post_url, JSON.stringify(ndata)).done(function(data) { 
         oTable.fnStandingRedraw(); 
        });      
       }); 
       $('#permissions button').click(function(){ 
        $.post(del_url, JSON.stringify(this.dataset["orgid"])).done(function(data) { 
         oTable.fnStandingRedraw(); 
        }); 
       }); 

      } 
     }); 

我是比較新的DataTables。這不是我的代碼,因爲我只是修復了這個bug ......我不明白爲什麼它沒有顯示所有記錄?我玩過一段時間...我嘗試將bProcessing更改爲true,但它仍然無效。即使當我使用滾輪,它不會加載最後2條記錄...

我覺得答案/解決方案很簡單。 我該如何解決這個問題?

+0

是你,包括初始化的DataTable對象之前所引導分頁代碼的數據表? –

回答

1

這是因爲默認頁面大小爲10。您可以通過設置iDisplayLength屬性來更改它。

oTable = $('#permissions').dataTable({ 
    "iDisplayLength": 50, 
    // rest of your code... 

如果你想完全禁用分頁,我真的不建議,您可以使用此:

"bPaginate": false 
+0

感謝您的回答...'。它不起作用..它現在不顯示任何記錄... – Renier

+0

@Chirag,我在晚上留下了這個「bug」 '「bPaginate」:false'),當我現在啓動項目時,它顯示所有記錄......奇怪的是對的?至少我發現它很奇怪......我會接受這個答案,因爲@Rory是第一個給我答案的人。 @Chirag感謝您的幫助......您提供的參考資料非常有用! – Renier

1
oTable = $('#permissions').dataTable({ 
    "iDisplayLength": 50, 
    "bPaginate": false 
}); 
+0

感謝您的回覆...這不起作用...如果我嘗試實施它,它返回0條記錄 – Renier

+0

我已更新我的答案,請檢查並讓我知道工作? –

+0

它仍然返回0個記錄':|'可能是什麼問題? – Renier