模板
教程
环境
性能
功能
管理
使用Repeater模板
发表于：2007-06-30来源：作者：点击数：
标签：
注)下面的代码是页面的代码，只贴了Repeater部分的代码，因为要绑定数据，如（）所以在使用之前要先导入名空间 asp:repeater id=Repeater1 runat=server HeaderTemplate table?border=0 tr?bgcolor=#999999 td 产品类型ＩＤtd td产品类型名称tdtd产品类型描述
注)下面的代码是页面的代码，只贴了Repeater部分的代码，因为要绑定数据，如（）所以在使用之前要先导入名空间
<asp:repeater id="Repeater1" runat="server">
<HeaderTemplate>
<table?border="0">
<tr?bgcolor="#999999">
<td>产品类型ＩＤtd>
<td>产品类型名称td><td>产品类型描述td>
<td> td>
<tr>
<HeaderTemplate>
<ItemTemplate>
<tr?bgcolor=#ffffff>
<td><img src=".iamgesattachtb.gif">
<td>
<td>
<td>
<td>td>
<td><asp:ImageButton ID="show"ImageUrl=".\iamges\more.gif"
CommandName="show" Runat="server" />td>
<tr>
<ItemTemplate>
<AlternatingItemTemplate>
<tr bgcolor=#f5f2f7>
<td><img src=".iamgesattachtb.gif">
<td>
<td>td>
<td>td>
<td><asp:ImageButton ID="Imagebutton1" ImageUrl=".\iamge\smore.gif"
CommandName="show" Runat="server"/>
<td>
<tr>
AlternatingItemTemplate>
<FooterTemplate>
<table>
<FooterTemplate>
asp:repeater>form>
<body>
<HTML>
后置代码部分：
先导入名空间：using System.Data.SqlClient和using System.Windows.Forms;其余系统默认导入
下面是连接库的代码：
?
private void?ConnecDB()
{
SqlConnection con=new SqlConnection("server=localhost;database=Northwind;Trusted_Connection=Yes;");
SqlDataAdapter da=new SqlDataAdapter("select*from Categories",con);
DataSet ds=new DataSet();
ad.Fill(ds,"Categories");
this.Repeater1.DataSource=ds;
this.Repeater1.DataBind();//绑定到Repeater控件
}
下面这段是Repeater模板中的事件
private void Repeater1_ItemCommand(object sender,System.Web.UI.WebControls.RepeaterCommandEventArgs e)
{
if(e.CommandName=="show")
{
MessageBox.Show("you?click"+e.Item.ItemIndex.ToString()+"row","a
show",MessageBoxButtons.OK,MessageBoxIcon.Information,
MessageBoxDefaultButton.Button1,MessageBoxOptions.DefaultDesktopOnly);
}
else
{
MessageBox.Show("you?click?"+e.Item.ItemIndex.ToString()+"
row","altshow",MessageBoxButtons.OK,MessageBoxIcon.Information,
MessageBoxDefaultButton.Button1,MessageBoxOptions.DefaultDesktopOnly);
}
}
(注：１、必须在Repeater模板事件中绑定上面方法到其ItemCommand事件，在事件窗口中可以做到２、在上面的图片URL应是 ImageUrl=".\iamges\more.gif"，由于BLOG对代码的支持有问题，所以被自动截取掉了）
最终效果如下：
