在asp.net中继管理映像（添加类到每个图片） [英] Managing images in asp.net repeater (add class to each picture)

问题描述

这是我的code：结果

This is my code:

codebehind：结果

Codebehind:

public class data
....
...

public List<dataImages> Images { get; set; }
...

var data= GarageBLL.LoadData(Convert.ToInt32(DataId), Convert.ToInt32(MemberId));
rptImages.DataSource = data.Images.Take(3);
rptImages.DataBind();

ASPX：

   <asp:Repeater runat="server" ID="rptImages">
        <ItemTemplate>
            <asp:Image runat="server" CssClass="img1" ImageUrl='<%# String.Format("/images/{0}/{1}.{2}", DataId, Eval("ImageId"), Eval("Extension")) %>' />
        </ItemTemplate>
    </asp:Repeater>

所以，这个工作在那一刻，但我想不同的类添加到每个图片。
任何人有任何想法我怎么能做到这一点？

So, this works at the moment, but i would like to add different classes to each image. Anyone got any idea how i can do that?

推荐答案

您可以使用中继器的的 的ItemDataBound 事件将的CssClass ：

You can use repeater's ItemDataBound event to set the CssClass:

protected void rptImages_ItemDataBound(Object Sender, RepeaterItemEventArgs e) {
      // This event is raised for the header, the footer, separators, and items.
      // Execute the following logic for Items and Alternating Items.
      if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem) {
         dataImages img = (dataImages) e.Item.DataItem;
         Image img1 = (Image) e.Item.FindControl("img1");
         // add your correct logic here according to the dataImages properties
         img.CssClass = "YourCssClass";
         // assuming you just want different classes for your three images, use ItemIndex with remainder:
         string class = "img" + (e.Item.ItemIndex % 3 + 1).ToString() + "class";
         img.CssClass = class;
      }
   }    

这篇关于在asp.net中继管理映像（添加类到每个图片）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！