欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Repeater与ListView功能概述及使用介绍

程序员文章站 2024-03-03 17:40:10
repeater repeater(foreach)用于对绑定数据源中的数据进行遍历并按格式显示,每条数据以什么格式显示是由repeater的

repeater

repeater(foreach)用于对绑定数据源中的数据进行遍历并按格式显示,每条数据以什么格式显示是由repeater的<itemtemplate>来决定的,模板会多次显示,就像foreach, itemtemplate 中相当于{}中的语句。<itemtemplate>姓名:<%#eval(“name”)%><b>年龄:<%#eval(“age”)%></b><br /></itemtemplate>。注意:%和#中间不能有空格。

<%#eval("name")%>表示在这个位置显示当前实体对象的name属性,注意调用eval、bind这些数据绑定方法的时候要用#。

因为eval就是将属性显示到指定的位置,因此也可以显示到文本框中<itemtemplate>姓名:
<asp:textbox runat="server"text='<%#eval("name") %>' />
</itemtemplate>

注意不要写成text="<%#eval('name')%>" 因为<%%>中的是c#代码,''是字符,而不是字符串

还可以用在服务器控件中<asp:textbox text='<%#eval("name") %>'runat="server"></asp:textbox>

democode及注意点
repeater.aspx

复制代码 代码如下:

<% @ page language="c#" autoeventwireup="true" codebehind="repeater.aspx.cs" inherits ="webform.repeater" %>
<! 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 type ="text/css">
#tblist{ border-top :1px solid #000 ; border-left : 1px solid #000 ; margin: 0px auto ;width : 600px;}
#tblist td {border-bottom : 1px solid #000 ; border-right: 1px solid #000; padding :5px }
#didpanel {position : absolute; left :350px ; top: 200px ;width : 500px; height :70px ; border: 1px solid #000; background-color :window ; padding: 15px ;display : none}
</style >
</ head>
< body>
<form id="form1" runat="server">
<asp : objectdatasource id ="objectdatasource1" runat ="server"
selectmethod ="getallclasses" typename ="bll.classes">
< selectparameters>
< asp: parameter defaultvalue ="false" name ="isdel" type ="boolean" />
</ selectparameters>
</asp : objectdatasource>
<div >
<table id="tblist">
< asp: repeater id ="repeater1" runat ="server" datasourceid ="objectdatasource1">
< headertemplate> <!--头模板-->
< tr>
< td> id </td >
< td> name </td >
< td> count </td >
< td> img </td >
< td> 操作 </td >
</ tr>
</ headertemplate>
< itemtemplate> <!--项模板-->
< tr>
< td>< input type ="text" value =" <%# eval("cid")%> " /></ td >
< td>
< asp: textbox id ="textbox1" runat ="server" text ='<% # eval("cname")%> '></asp : textbox></ td >
< td> <% #eval( "ccount" )%> </td >
< td>
<%--<img src="images/<%#eval("cimg")%>" style="width:100px;height:80px;"/>--%>
<!--服务器端图片路径需要添加images/文件路径时 需要放在#号后 如果images/《% 会导致《%被作为字符串解析-->
< asp: image id ="image1" runat ="server" imageurl ='<% # "images/"+eval("cimg")%> ' width ="100px" height ="80px"/>
<!--补充:模板中的按钮一般不写onclick事件响应,而是响应repeater的itemcommand事件。-->
</ td>
</ tr>
</ itemtemplate>
< separatortemplate> <!--两项数据间的间隔模板-->
< tr>
< td colspan ="5" style ="background-color :red; height:2px; line-height :3px;"></td >
</ tr>
</ separatortemplate>
< alternatingitemtemplate> <!--交替项模板-->
< tr style ="background-color :gray">
< td>< input type ="text" value =" <%# eval("cid")%> " /></ td >
< td>
< asp: textbox id ="textbox1" runat ="server" text ='<% # eval("cname")%> '></asp : textbox></ td >
< td> <% #eval( "ccount" )%> </td >
< td> <% #eval( "cimg" )%> </td >
< td>
< asp: button id ="btndel" runat ="server" text ="删除" oncommand ="button_onclick" commandname ="del" commandargument ='<% # eval("cid")%> '/>
</ td>
</ tr>
</ alternatingitemtemplate>
< footertemplate> <!--脚模板-->
< tr>
< td colspan ="5">不是所有痞子都叫一毛 </ td>
</ tr>
</ footertemplate>

</ asp: repeater >
</table >
</div >
</form >
</ body>
</ html>

repeater.aspx.cs
复制代码 代码如下:

using system;
using system.web.ui.webcontrols;
namespace webform {
public partial class repeater : system.web.ui. page {
protected void page_load( object sender, eventargs e) {
}
protected void button_onclick( object sender, commandeventargs e) {
//response.write("commandargument" + e.commandargument + "commandname" + e.commandname + "删除了" + datetime.now);需前台设置commandargument及commandname属性
if (new bll. classes().softdel( convert .toint32(e.commandargument)) > 0) {
response.write( "删除成功" );
repeater1.databind(); //重新绑定数据 否则服务器不会重新生成repeater数据 而是返回__viewstate中原有数据
} else {
response.write( "删除失败" );
}
}
}
}

效果图:

Repeater与ListView功能概述及使用介绍

listview

repeater一般只用来展示数据,如果要增删改查(crud)则用listview更方便。使用向导来使listview会自动生成很多模板,免去手写模板代码的麻烦,必要时进行手工调整即可。

 同repeater一样设定数据源,然后点击智能提示中的“配置listview”,选择一种布局和样式,然后根据需要勾选“启用编辑”、“启用删除”、“启用插入”、“启用分页”,就会自动生成常用的模板。

效果图类似:

Repeater与ListView功能概述及使用介绍

listview默认的分页是先从数据源取得所有数据,然后再截取当前页面的部分,在数据量非常大的情况下效率非常低,因此默认分页基本不能用。应该是只从数据源取得要显示的数据。详见下章《如何实现listview高效分页

同样内容点可参见《如何实现listview高效分页》贴出的代码

layouttemplate为布局模板,布局模板中必须有一个id为itemplaceholder的服务端控件,项占位符(framework4.0以后不需要),itemplaceholder前面就是相当于repeater中的headertemplate,itemplaceholder后面就是相当于repeater中的footertemplate,因此listview中没有这两个模板。

itemtemplate是每一项的模板,alternatingitemtemplate是隔行显示的模板,和repeater一样。

emptydatatemplate为数据源没有数据的时候显示的内容(insert也算数据),这样的话可以实现“没有查找结果”、“对不起,找不到您要找的数据”等提示内容

insertitemtemplate为插入数据界面的模板,

edititemtemplate为编辑数据的模板,

selecteditemtemplate为标记为selected的行的模板。

数据源配置见上章 asp.net中的数据源