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

<% @ 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>

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( "删除失败" );

}

}

}

}