Asp.Net DataList绑定ImageUrls的数组

use*_*786 2 c# asp.net arrays bind datalist

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

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

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

</asp:DataList>
Run Code Online (Sandbox Code Playgroud)

代码隐藏:

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

Bob*_*Bob 6

我想这会为你做到

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

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

</asp:DataList>
Run Code Online (Sandbox Code Playgroud)

代码背后

protected void BindImages(string[] imageurls)
{
    dlImages.DataSource = imageurls; 
    dlImages.DataBind();
}
Run Code Online (Sandbox Code Playgroud)

你也可以做到

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

但有时服务器控件不喜欢它们中的渲染块.