如何隐藏html列表项<li>使用后面的代码中的c#</li>

时间:2012-03-09 10:29:50

标签: c# asp.net c#-4.0 code-behind

我想隐藏使用C#的“li”标签的html列表项。但我不能这样做。在早些时候我只是使用c#隐藏DIV标签。但我无法隐藏“li”标签。请帮我这样做。如果可以,请发送您的详细说明......

这是我的部分代码:

  this.hide.style.Add("display", "none");  // Error in hide 

这是我的HTML代码:

  <li ID="hide" style="display: Block;"><a href="../list.aspx" >list Approval</a></li>

请帮我解决这个问题......

3 个答案:

答案 0 :(得分:15)

在您的列表项中添加idrunat="server"

<li id="fooItem" runat="server">
    <%-- ... --%>
</li>

从后面的代码设置visibility属性(C#示例):

if (someBool)
{
    fooItem.Visible = false;
}

您也可以使用此方法来应用/删除样式:

if (someBool)
{
    fooItem.Attributes.Add("class", "foobar");
    // or removing a style 
    foobarItem.Attributes.Remove("class");
}

答案 1 :(得分:4)

您可以通过向标记添加runat ='Server'属性来访问Html项目GenericHtmlControl,然后您可以以编程方式访问properties,就像它是“正常”ASP一样。网络UI控制。

<li ID="hide" style="display: Block;" runat="Server"><a href="../list.aspx" >list Approval</a></li>

HtmlGenericControl listItem = this.hide as HtmlGenericControl;

if (listItem != null)
    this.hide.style.Add("display", "none");  

答案 2 :(得分:0)

<asp:Panel ID="Panel1" runat="server">
     <div >
        //place here your list
    </div>
 </asp:Panel>

使用c#可以隐藏面板