在中继器中设置潜水的背景

本文关键字:背景 潜水 设置 中继器 | 更新日期: 2023-09-27 18:20:58

这里的第一篇文章。我正在尝试在asp:repeater中设置DIV的背景图像。图像将需要随着每个重复的DIV项目而改变,因此我需要从数据库返回图像URL。

我可以通过将URL硬编码到DIV中来将其设置为每次相同的图像,如下所示:

    <asp:Repeater ID="repList" runat="server" OnItemDataBound="repList_ItemDataBound">
                <ItemTemplate>
                    <div id="bGContainer" runat="server" class="formLayout" style=" background-position:Left; width:980; background-image: url(images/image1.jpg);">
  <div class="innerDiv">
  <asp:Image ID="imgImage1" runat="server" />
  </div>
</div>

然而,我在后面的代码中试图做的是将每个bGContainer的背景设置为数据集中的图像。

下面是我的代码,它将值设置为出现在内部DIV:中的ASP:image

 protected void repList_ItemDataBound(object sender, RepeaterItemEventArgs e)
        {
            if (e.Item.DataItem != null)
            {
                OnlineList currentOnlineList = (OnlineList)e.Item.DataItem;
                imgImage1.ImageUrl = currentOnlineList.imageUrl;
            }
        }

因此,我试图以某种方式调用bgContainer DIV,并将backgroundimage设置为我在列表中返回的值中的值。

有什么想法吗?

提前感谢!

在中继器中设置潜水的背景

您不能直接访问imgImage1。你必须找到这样的控制。

  System.Web.UI.WebControls.Image img=(System.Web.UI.WebControls.Image)e.Item.FindControl("imgImage1");
    img.ImageUrl= currentOnlineList.imageUrl;