使用Repeater模板
日期：2011-09-02 浏览次数：20894 次
注)下面的代码是页面的代码，只贴了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=http://www.163design.net/a/y/".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=http://www.163design.net/a/y/".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对代码的支持有问题，所以被自动截取掉了）
最终效果如下：
<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=http://www.163design.net/a/y/".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=http://www.163design.net/a/y/".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对代码的支持有问题，所以被自动截取掉了）
最终效果如下：
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
