資料量達數千列時,一次性傳輸導致頻寬與記憶體壓力過大。
例:5000 列,每頁 100 列(共 50 頁)。客戶端需第 1~50 列 → 請求第 1 頁(實際取回 1~100 列)快取;後續存取 1~100 列直接讀快取。
功能:伺服器 XML 檔 6000+ 筆通訊錄,每頁 10 筆 Ajax 分頁瀏覽。
頁面標記:
<cc1:LDataTable ID="MyTable" runat="server"></cc1:LDataTable>
<table id='Table1' class='tab_css'><thead>...</thead></table>
<div style="overflow:auto;height:350px">
<table id='DemoTable' class='tab_css'></table>
</div>
<input id="btnGoTo" type="button" value="跳轉到" onclick="btnGoTo_onclick()"/>
<input id="txtPageNum" type="text" style="width:65px"/> 頁
<textarea id="txtLog" readonly style="width:640px;height:100px"></textarea>
完整原始碼可下載。控制項封裝分頁邏輯,前端僅需呼叫 JS 方法請求頁碼並繫結至 DemoTable。