本文讲述的是如何利用 XMLHttpRequest 来对 Repeater 控件进行无刷新分页。

实现的方式是,使用XMLHttpRequest对象异步向服务器发送post 请求,传递设置好的每页显示记录数,当前页码和记录总数。服务器端接收到请求时,根据参数从数据库中查询相应记录,并通过Repeater 控件将数据显示出来,然后调用Repeater 的RenderControl 方法 将Repeater 绑定后生成的HTML代码作为服务器端的响应文本返回给客户端,客户端接到响应后替换Repeater 的相应HTML代码,从而实现了Repeater 无刷新分页。

需要注意的地方:

1、显示首页记录时,首页和上一页不可用,同理,显示末页记录时,末页和下一页不可用。

2、重新设置每页显示记录数时,要保持当前的页码不变,分页数改变。

下面看代码实现:

首先,创建一个WEB窗体,命名为 RepeaterDemo.aspx

代码如下:

<%@ Page Language="C#" CodeFile="RepeaterDemo.aspx.cs" Inherits="RepeaterDemo" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">

<html xmlns="http://www.w3.org/1999/xhtml " >
<head runat="server">
    <title>无标题页</title>
    <style>
    <!--   
    .n{TEXT-DECORATION:none;cursor:pointer} a{color:black} a:hover{color:blue}
    .m{TEXT-DECORATION:none;cursor:default} a{color:black}
    //-->
    </style>
    <script type="text/javascript">
        var xmlHttp=null;     
        var index,size="10";
        function $(id)
        {
  

相关文章:

  • 2021-11-15
  • 2021-06-08
  • 2021-12-03
  • 2021-03-31
  • 2021-12-20
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-02-04
  • 2021-08-08
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案