1

我正在尝试更改从母版页继承其 css 的内容页面的 css。我尝试了以下方法，但由于某种原因，我收到“对象引用未设置为对象的实例”错误。

下面是我的cs代码：

 protected void Page_Load(object sender, EventArgs e)
 {
    HtmlGenericControl mycontrol = (HtmlGenericControl)this.Page.Master.FindControl("ul1").FindControl("li1") as HtmlGenericControl;

      mycontrol.Attributes.Add("class", "newCSS");    
 }

在此处查找母版页内容：

    <div id="menu">
        <ul id="ul1" runat="server">
            <li id="li1" runat="server">
                <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl ="home.aspx">Home</asp:HyperLink></li>
            <li id="li2" runat="server">
                <asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl ="AboutUs.aspx">About Us</asp:HyperLink></li>
            <li id="li3" runat="server">
                <asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl="~/courses.aspx" >Courses</asp:HyperLink></li>
            <li id="li4" runat="server">
                <asp:HyperLink ID="HyperLink4" runat="server" NavigateUrl="~/News.aspx" >News</asp:HyperLink></li>
            <li id="li5" runat="server">
                <asp:HyperLink ID="HyperLink5" runat="server" NavigateUrl="ContactInfo.aspx" >Contact Us</asp:HyperLink></li>
        </ul>
    </div>

CSS如下：

 #menu a:hover
{
    background-color: white;
    color: #bee2f1;
}

 .newCSS
{
    background-color: black;
    color: #fff;

}

我尝试将 .FindControl ID 作为 HyperLink ID 而不是 ul, li Id，如上所示，但这也不起作用。

编辑：在cs页面中尝试了以下内容：

protected void Page_Load(object sender, EventArgs e)
{
        HtmlGenericControl mycontrol = (HtmlGenericControl)Master.FindControl("ul1").FindControl("li1"); 
        mycontrol.Attributes.Add("class", "newCSS");    
}

没有编译器错误，但代码不起作用。

4

1 回答 1

0

我在这种情况下使用了一个递归函数。当您需要从内容页面查找/编辑母版页上的内容时，这总是很棘手。这个功能对我帮助很大。在示例中，我使用它在我的母版页上找到我的菜单的返回按钮，Menu2通过将按钮的 ID 传递给它来调用它。

*方法

public static Control FindControlRecursive(Control root, string id)
    {
        if (id == string.Empty)
            return null;

        if (root.ID == id)
            return root;

        foreach (Control c in root.Controls)
        {
            Control t = FindControlRecursive(c, id);
            if (t != null)
            {
                return t;
            }
        }
        return null;
    }

*用法

Menu menu2 = (Menu)FindControlRecursive(Master.Page, "ReturnButton");

使用此方法，我现在可以从内容页面访问我的母版页的菜单。

我希望这有帮助！

于 2012-12-28T20:03:47.347 回答