本文示例源代码或素材下载

　　在之前发布的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>