,,.NET中的repeater简介及分页效果

,,.NET中的repeater简介及分页效果

中继器控件是一个数据绑定容器控件,它能够生成各个项的列表,并可以使用模板定义网页上各个项的布局。本文对此进行详细介绍,下面跟着小编一起来看下吧

中继器控件是一个数据绑定容器控件,它能够生成各个项的列表,并可以使用模板定义网页上各个项的布局。当该页运行时,该控件为数据源中的每个项重复此布局。

配合模板使用repeater控件

若要使用中继器控件,需创建定义控件内容布局的模板。模板可以包含标记和控件的任意组合。如果未定义模板,或者模板都不包含元素,则当应用程序运行时,该控件不显示在页面上。

项目模板:含要为数据源中每个数据项都要呈现一次的超文本标记语言元素和控件。

AlternatingItemTemplate:对交替数据项进行格式设置(包含要为数据源中每个数据项都要呈现一次的超文本标记语言元素和控件。通常,可以使用此模板为交替项创建不同的外观,例如指定一种与在项目模板中指定的颜色不同的背景色)。

分离模板:对分隔符进行格式设置(包含在每项之间呈现的元素。)。

标题模板:对页眉进行格式设置(包含在列表的开始处分别呈现的文本和控件。)。

页脚模板:对页脚进行格式设置(包含在列表的结束处分别呈现的文本和控件。)。

Repeater分页效果如下:

前台代码:

身体

ASP:Repeater ID=“Repeater 1”runat=“server”

标题模板

p style=' background-color:# 988 c6e宽度:400像素填充顶部:5px垫底:5px左边距:30px边距-顶部:30px边框半径:5px颜色:# fff font-weight:bold;'span style=' padding-left:30px;'用户名/span span style=' padding-left:100px;'注册时间/span span style=' padding-left:90px;'访问量/span/p

table style=' margin-left:30px;上边距:30px '

/header模板

项目模板

tr

TD style=' width:120 px;文本对齐:左对齐;左填充:20px“% # Eval('用户名)%/td

TD style=' width:170 px;'文本对齐:左对齐;%#Eval('RegistrationTime') %/td

TD style=' width:50px;'文本对齐:左对齐;%#Eval('AccessAmount') %/td

/tr

tr

TD colspan=' 3 ' style=' border-bottom:1px inset # c0d9d 9;填充顶部:7px'/td

/tr

/项目模板

英尺模板

/表格

/页脚模板

/asp:中继器

div style=' margin-left:50px;'

div style=' margin:0 auto;边距-顶部:50px边框:1px固体# fff字体大小:16px字体系列:'微软雅黑','宋体';'

adiv style=' border:1px solid # 000;宽度:60px浮动:左;保证金:5px '文本对齐:居中;a style='color:#000 '共ASP:Label runat=' server ' ID=' zong '/ASP:Label页/a/div/a

adiv style=' border:1px solid # 000;宽度:60px浮动:左;保证金:5px '文本对齐:居中;a style='color:#000 '第ASP:Label runat=' server ' ID=' dang Qian '/ASP:Label页/a/div/a

adiv style=' border:1px solid # 000;宽度:40px浮动:左;保证金:5px '文本对齐:居中;a style=' color:# 000 ' ASP:hyperlink id=' first ' runat=' server ' style=' color:# 000 '首页/asp:hyperlink/a/div/a

adiv style=' border:1px solid # 000;宽度:60px浮动:左;保证金:5px '文本对齐:居中;a style=' color:# 000 ' ASP:hyperlink id=' lnk prev ' runat=' server ' style=' color:# 000 '上一页/asp:hyperlink/a/div/a

adiv style=' border:1px solid # 000;宽度:60px浮动:左;保证金:5px '文本对齐:居中;a style=' color:# 000 ' ASP:hyperlink id=' lnk next ' runat=' server ' style=' color:# 000 '下一页/asp:hyperlink/a/div/a

adiv style=' border:1px solid # 000;宽度:40px浮动:左;保证金:5px '文本对齐:居中;a style=' color:# 000 ' ASP:hyperlink id=' end ' runat=' server ' style=' color:# 000 '尾页/asp:hyperlink/a/div/a

/div

/div

/body

后台代码:

受保护的void Page_Load(对象发送方,EventArgs e)

{

如果(!页面IsPostBack)

{

get users();

}

}

私有void getUsers()

{

ListUsers1 list=new AdminManager().查询用户();

page data source PAG=new page data source();

第一页.AllowPaging=true//设置允许分页

第一页.PageSize=10//每页显示为3行

第一页.DataSource=list//模板绑定数据源

宗Text=pagpage count。ToString();//显示总共页数

内部当前页面

//请求页码为不为空设置当前页,否则为第一页

如果(请求QueryString['Page']!=空)

{

当前页面=ConvertToInt32(请求查询字符串[' Page ']);

}

其他

{

当前页面=1;

}

如果(请求QueryString['PageSize']!=空)

{

第一页.页面大小=转换ToInt32(请求查询字符串[' PageSize ']);

}

其他

{

第一页.页面大小=10

}

第一页.当前页索引=当前页-1;//当前页所引为页码-1

当钱. Text=CurrentPageToString();//当前页

如果(!第一页.IsFirstPage)

{

//请求。当前执行文件路径为当前请求虚拟路径

lnkPrev .NavigateUrl=请求' CurrentExecutionFilePath '?Page=' Convert .ToString(当前页-1);

}

//如果不是最后一页,通过参数页设置下一页为当前页1,否则不显示连接

如果(!第一页.IsLastPage)

{

//请求。当前执行文件路径为当前请求虚拟路径

下一个.NavigateUrl=请求' CurrentExecutionFilePath '?Page=' Convert .ToString(当前第1页);

}

//首页

首先NavigateUrl=请求' CurrentExecutionFilePath '?Page=' Convert .ToString(1);

//尾页

结束NavigateUrl=请求' CurrentExecutionFilePath '?page=PAG .页数。ToString();

如果(转换ToInt32(HttpContext .当前请求['page'])页面。页数)

{

首先NavigateUrl=请求' CurrentExecutionFilePath '?Page=' Convert .ToString(1);

}

这个100 .重复1。数据源=页面

这个1号中继器。DataBind();

}

如果不需要进行分页,可执行以下代码:

受保护的void Page_Load(对象发送方,EventArgs e)

{

如果(!页面IsPostBack)

{

get users();

}

}

私有void getUsers()

{

ListUsers1 list=new AdminManager().查询用户();

这个100 .重复1。数据源=列表

这个1号中继器。DataBind();

}

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持我们!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: