2012-03-04 73 views
1

目前我產生基本表與PHP獲得通過AJAX數據表內容

 <table id="list" class="display"> 
      <thead> 
       <tr id="hdr"> 
        <th><input type="checkbox" id="check_all"/> ID</th> 
        <th>Ref. No</th> 
        <th>Color</th> 
        <th>Size</th> 
        <th>Quantity</th> 
        <th>Stack NO</th> 
        <th>Price</th> 
        <th>Add Date</th> 

       </tr> 
      </thead> 
      <tbody> 
       <?php 
       $result = $db->query("SELECT * FROM `items` ORDER BY id DESC"); 
       if ($result->num_rows > 0) { 

        while ($row = $result->fetch_object()) { 
         echo '<tr url="?page=item&id=' . $row->id . '"> 
<td class="item_id"><input type="checkbox" name="checkbox[]" method="post" value="' . $row->id . '" class="checkbox"/> ' . $row->id . '</td> 
<td> ' . $row->refno . '</td> 
<td style="text-align:center">' . $row->color . '</td> 
<td style="text-align:center">' . $row->size . '</td> 
<td style="text-align:center" id="qt">' . trim($row->qt) . '</td> 
<td style="text-align:center">' . $row->stackno . '</td> 
<td style="text-align:center">' . $row->price . '</td> 
<td>' . date('d.m.Y', strtotime($row->add_date)) . '</td> 
</tr>'; 
        } 
       } 
       ?> 
      </tbody> 
     </table> 

然後將數據表到這個像

oTable= $('#list').dataTable({  
     "bJQueryUI": true, 
     "iDisplayLength": 25, 
     "aaSorting": [], 
     "aoColumns": [ 
     { 
      "bSortable": false 
     }, 
     null, null, null,null,null, null, null 
     ]  
    }).columnFilter({ 
     sPlaceHolder: "head:before", 
     aoColumns: [ null, null, null,null,null, null, null, 
     { 
      type: "date-range" 
     } 
     ] 

    }); 

有很大的問題:

目前我表格大約有2000行。生成和加載整個表格需要很長時間。 (首先它會生成applieas數據表)如何修改此腳本以通過ajax逐頁獲取內容?

回答

1

有完整記錄在數據表API方法和示例使用動態表JSON數據使用本地或服務器源

即使是下載包包括這些例子

+0

同意;所有的例子都在那裏。我的第一個DataTables項目使用服務器端,我從來沒有想過它隱藏;我期待它,它就在那裏:http://datatables.net/usage/server-side – 2012-03-04 01:31:58

0

這似乎是你需要充分利用分頁。對於dataTable,A quick peak at the documentation表明它爲此提供了繼承支持。

這裏有一個功能完整的例子,告訴你他們是如何實現分頁的,可以是found here

祝你好運。

+0

它不只是分頁,它是整個服務器端的功能。掛斷分頁細節本身就是錯過了服務器端處理所需要的一切。 – 2012-03-04 01:30:52