c# - Asp.Net DataList 绑定 ImageUrls 数组

Question

我正在尝试使用数据列表制作缩略图网格。我有一个 imageurl 数组，我想将它们绑定到后面的代码中。我该怎么做呢？我希望数据列表的最大列大小为 5，并添加缩略图行直到完成。

<asp:DataList ID="dlImages" runat="server" 
          RepeatColumns="5" 
          RepeatDirection="Horizontal" 
          RepeatLayout="Flow">

   <ItemTemplate>
      <asp:Image ID="imgStore" runat="server" />
   </ItemTemplate>

</asp:DataList>

代码隐藏：

protected void BindImages(string[] imageurls)
{
    for (int i = 0; i < imageurls.Length; i++)
    {
        .
        .
        .
    }
}

Answer 1

我想这会为你做的

<asp:DataList ID="dlImages" runat="server" 
      RepeatColumns="5" 
      RepeatDirection="Horizontal" 
      RepeatLayout="Flow">

<ItemTemplate>
   <img src="<%# (string)Container.DataItem %>" />
</ItemTemplate>

</asp:DataList>

背后的代码

protected void BindImages(string[] imageurls)
{
    dlImages.DataSource = imageurls; 
    dlImages.DataBind();
}

你也可以做

<asp:Image runat="server" id="imgStore" 
     ImageUrl="<%# (string)Container.DataItem %>" />

但有时服务器控件不喜欢其中的渲染块。