c# - 转发器 ItemTemplate 服务器端

Question

我在访问 HTML 元素时遇到问题。在服务器端，这些元素存在于转发器控件的 itemTemplate 中。

简单代码:

    <asp:Repeater ID="rptList" runat="server" onitemcreated="rptList_ItemCreated">
    <HeaderTemplate>
               <div id="accordionGiftLelo">
    </HeaderTemplate>
    <ItemTemplate>


                         <div class="set">
                         <div class="title"><img src='<%# Eval("TitleImgUrl")%>'  runat="server" width="198" height="29"  /></div>
                         <div ID="RepeaterBG" class="content"  style="background-color:<%# Eval("ContentBackground")%>">
                             <%--<a href='<%# Eval("ContentUrl")%>'><img src='<%# Eval("ContentImgUrl")%>' alt="Embroidered Devil Eyes" width="198" height="198" border="0" /></a>--%>
                             <div style="width:198"><asp:Literal ID="Literal1" runat="server"  Text='<%# Eval("ContentImgUrl")%>'></asp:Literal></div>
                         </div>
                         </div>

    </ItemTemplate>

    <FooterTemplate>
                         </div>
    </FooterTemplate>

    </asp:Repeater>

例如，如何访问 RepeaterBG div？

Answer 1

这是一个关于如何访问控件服务器端并将数据应用于它们的示例。确保将 RunAt="server"添加到 div 标记。

为 ItemDataBound 事件添加引用

rptList.ItemDataBound += rptList_ItemDataBound;

private void rptList_ItemDataBound(object sender, System.Web.UI.WebControls.RepeaterItemEventArgs e)
{   
    if (e.Item.ItemType != ListItemType.Item && e.Item.ItemType != ListItemType.AlternatingItem) return;

    HtmlControls.HtmlGenericControl RepeaterBG = (HtmlControls.HtmlGenericControl)e.Item.FindControl("RepeaterBG");

    Data.DataRowView dr = (Data.DataRowView)e.Item.DataItem;

    RepeaterBG.Style.Add("background-color", dr("ContentBackground"))
}

您会发现，如果您对所有控件执行此操作，而不是使用“<%# Eval”，您的代码将更易于维护。