首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> .NET 網頁程式設計 >> ASP.NET 基礎 >> 關於ASP.NET

LDataTable 控制項 - 向客戶端傳送大量 DataTable

     編輯:關於ASP.NET

痛點:Variable 控制項一次性傳送所有資料

資料量達數千列時,一次性傳輸導致頻寬與記憶體壓力過大。

LDataTable 解決方案:分頁載入 + 客戶端快取

  • 依客戶端需求,以「頁」為單位從伺服器讀取 DataTable 指定範圍列。
  • 讀取後快取於客戶端,同頁後續存取直接讀快取,不再請求伺服器。

例: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。

  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved