LDataTable控件--向客户端传送大数据量的DataTable

LDataTable控件--向客户端传送大数据量的DataTable2011-08-01 博客园卢春城在之前发布的Varibale控件已经可以向客户端传送DataTable数据，但是，如果该DataTable有几千行（甚至更多）时，使用Variable会直接将所有数据传到客户端，这显然是不现实的。本文所要介绍的 LDataTable控件是一个适合用于向客户端传送含有大数据量的DataTable的控件，其实现的原理如下：

根据客户端的需求以页为单位从服务器读取要传送的DataTable中的行,读取到客户端之后,就将读取到的这部分数据缓存到客户端.

例如:

有一个具有5000行数据的DataTable,假如以100行为一页（则总共有50页）,当客户端需要读取第1~50行（这50行数据在第1页中）时,LDataTable控件就向服务器发送请求读取第1页（尽管不足1页,仍需读取1页）,然后将该页（即1~100行）缓存在客户端,如果之后客户端需要读取1~100行中的某一行时,只需中缓存中读取而不需要从服务器读取.

下面通过实现无刷新翻页的例子说明如何使用LDataTable控件

无刷新翻页例子源代码下载

1.实现功能

在服务器上有一个保存了通讯录信息的XML文件，里面保存了6000多行数据，现在要在浏览器中以每页 10行的方式浏览这6000多行数据

2.实现步骤

（1）在页面插入一个LDataTable控件

页面源代码如下（该例子使用的LDataTable控件名称为MyTable）：

<div>
   <！--插入LDataTable控件，由于向客户端传送DataTable-->
   <cc1:LDataTable ID="MyTable" runat="server">
   </cc1:LDataTable>
   <！--表头-->
   <table id="Table1" class="tab_css" cellspacing="0">
     <tbody id="Tbody1">
       <tr class="tr_header_css">
         <td>ID</td>
         <td>Name</td>
         <td>Tel</td>
         <td>E-Mail</td>
       </tr>
     </tbody>
   </table>
   <！--以每页10行显示表格-->
   <div style="overflow: auto; height: 350px;">
     <table id="DemoTable" class="tab_css" cellspacing="0" style=" border-top: #000000  0px solid;">
     </table>
   </div>
   <br />
   <input id="btnGoTo" type="button" value="跳转到" onclick="return btnGoTo_onclick （）"/>
   <input id="txtPageNum" type="text" style="width: 65px" />&nbsp;页
   <br />
   <br />
   <textarea id="txtLog" readonly="readonly" style="width:640px;height:100px;" rows="0"  cols="0"></textarea>
</div>