Question

您好，感谢您花时间阅读本文。

当我选择RadioButton时，我试图更改位于Repeater内的面板的CSS类。

<div>
    <asp:RadioButtonList OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged" AutoPostBack="true" ID="RadioButtonList1" RepeatDirection="Horizontal" runat="server">
        <asp:ListItem Selected="True">Show Gallery</asp:ListItem>
        <asp:ListItem>Show List</asp:ListItem>
    </asp:RadioButtonList>
</div>
<div class="RpOutterFrame" runat="server" id="RpOutterFrame">
    <asp:Repeater runat="server" ID="RP">
        <ItemTemplate>
            <panel class="ShowDiv" runat="server" id="RpInnerFrame">
                <img runat="server" style="width: 80px;" id="ModelImg" class="ModelImg" src='<%# string.Format("~/Content/Img/ModelImg/{0}", Eval("Image")) %>' />
                <br />
                <%# Eval("Model") %>
            </panel>
        </ItemTemplate>
    </asp:Repeater>
</div>

我的C＃：

protected void RadioButtonList1_SelectedIndexChanged(object sender, EventArgs e)
{

    if (RadioButtonList1.Items[0].Selected == true)
    {

        RpOutterFrame.Attributes["class"] = "RpOutterFrame";

        Panel panel = (Panel)this.FindControl("RpInnerFrame");
        panel.CssClass = "ShowDiv2";
    }

}

如您所见，Panel已经有了 ShowDiv 类，然后我希望在选择/单击Radiobutton时将类更改为 ShowDiv2 。

任何可以帮我解决我做错了什么或者修改代码的人都会这样做？

Answer 1

Repeater的目的是重复一些事情。所以通常它包含多个元素。因此，RepeaterItem是必须包含unqiue ID的NamingContainer，您可以通过FindControl(ID)找到您的控件。

所以这不起作用，因为this是Page 不 NamingContainer的{{1}}：

Panel

你必须循环所有项目：

Panel panel = (Panel)this.FindControl("RpInnerFrame");
panel.CssClass = "ShowDiv2";

除此之外，您应该使用foreach(RepeaterItem item in RP.Items) { Panel panel = (Panel)item.FindControl("RpInnerFrame"); panel.CssClass = "ShowDiv2"; }代替ASP:Panel。

所以改变

Panel

到

<panel class="ShowDiv" runat="server" id="RpInnerFrame">
    // ...
</panel>

更改位于Asp：repeater内的Panel上的Css类

1 个答案: