Repeater控件

最新推荐文章于 2024-04-14 17:03:53 发布

Hobootu

最新推荐文章于 2024-04-14 17:03:53 发布

阅读量529

点赞数

分类专栏：控件文章标签： server asp object xhtml system string

控件专栏收录该内容

5 篇文章 0 订阅

订阅专栏

原文地址;http://www.cnblogs.com/xgcblog/archive/2011/06/22/2087146.html 原文作者：xgcdd

其实Repeater分页是一个很简单的过程，只要你仔细看里面的逻辑，相信你也可以做到！

准备页面素材：

1、前台页面需要放置一个 Repeater ，用来显示您索要显示的数据。

　2、一个隐藏域 lable 用来控制页数。

3、两个图片按钮用来实现点击切换页码。

后台：

1、数据源，我们使用Datatable，用来绑定Repeater。

2、分页控制数据源 PagedDataSource，用来分页填充。

原理：

设置PagedDataSource显示条数，然后将PagedDataSource的当前页的数据填充给Repeater，这样就实现了分页效果。

前台代码：

<%@ Page Language="C#" AutoEventWireup="true" Title="Repeater分页" CodeFile="myRandom.aspx.cs" Inherits="myRandom" %>
<!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>
</head>
<body>
    <form id="form1" runat="server">
    <div style="width:900px; background-color:#ccc; height:30px;">

        <!--上一页按钮 -->
        <asp:imageButton  ImageUrl="~/testimage/014.png" ImageAlign="AbsMiddle"
             ID="btnP" runat="server"  οnclick="btnP_Click" />
        
        <!-- Repeater -->
        <asp:repeater ID="rptNavigate" runat="server">
            <ItemTemplate>
                <a style="width:200px; height:30px; vertical-align:middle; "><%#Eval("b_name") %></a>
            </ItemTemplate>
       </asp:repeater>

       <!-- 下一页按钮  -->
        <asp:imageButton  ImageUrl="~/testimage/013.png" ID="btnN" runat="server" 
             οnclick="btnN_Click" 
            style="text-align: right" ImageAlign="AbsMiddle" />

        <!-- 隐藏域ID， 用来控制当前 PagedDataSource 的页数  -->
        <asp:Label Visible="false" ID="lblCount" runat="server" Text="1"></asp:Label>
        
    </div>
    </form>
</body>
</html>

后台代码：

 
      
     using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using System.Drawing; 
using System.Data; 
public partial class myRandom : System.Web.UI.Page 
{ 
protected void Page_Load(object sender, EventArgs e) 
{ 
Bind();//在窗体加载的时候调用 
} 
public void Bind() 
{ 
string strSql = "select * from xwe_bigtype"; 
//指定数据源 
DataTable dt = SaleInfoManager.GetBySQL(strSql); 
//实例化pagerDatatable 
PagedDataSource pds = new PagedDataSource(); 
//给pds绑定数据 
pds.DataSource = dt.DefaultView; 
//设定可分页 
pds.AllowPaging = true; 
//可以分几条 
pds.PageSize = 6; 
//设定默认页 
pds.CurrentPageIndex = Convert.ToInt32(lblCount.Text.ToString ())-1; 
rptNavigate.DataSource=pds; 
//如果大于当前页 
if(pds.CurrentPageIndex>=1) 
{ 
btnP.Enabled=true; 
btnN.Enabled=true; 
} 
//如果是最后一页，让下一页按钮不起作用 
if(pds.CurrentPageIndex==pds.PageCount-1) 
{ 
btnN.Enabled=false; 
btnP.Enabled=true; 
} 
//如果是第一页 
if(pds.CurrentPageIndex==0) 
{ 
btnP.Enabled=false; 
btnN.Enabled=true; 
} 
rptNavigate.DataBind(); 
} 
//下一页事件 
protected void btnN_Click(object sender, EventArgs e) 
{ 
lblCount.Text = (Convert.ToInt32(lblCount.Text.ToString()) + 1).ToString (); 
this.Bind(); 
} 
//上一页事件 
protected void btnP_Click(object sender, EventArgs e) 
{ 
lblCount.Text = (Convert.ToInt32(lblCount.Text.ToString()) - 1).ToString (); 
this.Bind(); 
} 
} 
     
 
     页面效果： 
    

　　第一页：

第二页：

Hobootu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Repeater控件

原文地址;http://www.cnblogs.com/xgcblog/archive/2011/06/22/2087146.html 原文作者：xgcdd其实Repeater分页是一个很简单的过程，只要你仔细看里面的逻辑，相信你也可以做到！准备页面素材：1、前台页面需要放置一个 Repeater ，用来显示您索要显示的数据。　2、一个隐藏域 lable 用来控制页数。3、
复制链接

扫一扫