使用Repeater模板

80酷酷网    80kuku.com

  模板注)下面的代码是页面的代码,只贴了Repeater部分的代码,因为要绑定数据,如()所以在使用之前要先导入名空间

<asp:repeater id="Repeater1" runat="server">
<HeaderTemplate>
<table?border="0">
<tr?bgcolor="#999999">
<td>产品类型IDtd>
<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);
}
}
(注:1、必须在Repeater模板事件中绑定上面方法到其ItemCommand事件,在事件窗口中可以做到2、在上面的图片URL应是 ImageUrl=".\iamges\more.gif",由于BLOG对代码的支持有问题,所以被自动截取掉了)

最终效果如下:

分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: