如何创建嵌套项目符号列表

时间:2012-07-28 11:31:10

标签: c# asp.net listitem bulletedlist

我正在使用带有C#的ASP.net,我希望有一个列表,我可以动态编码看起来像这样:     


        
  • 菜单项A.     
          
    • 子菜单链接1
    •     
    • 子菜单链接2
    •     
    • 子菜单链接3
    •     
        
  •     

到目前为止,我已经设法通过这样做创造了第一个过去:

BulletedList MainUl = new BulletedList();
MainUl.DisplayMode = BulletedListDisplayMode.HyperLink;
ListItem item = new ListItem("Menu Item A", "http://www.google.com");
MainUl.Items.Add(item);            
panel.Controls.Add(MainUl);

问题是我不知道如何在主菜单项“A”下嵌套其他子项

非常感谢任何帮助:)

3 个答案:

答案 0 :(得分:0)

或者,您可以将DataControl(DataList,Repeater,GridView)与BulletedList一起使用。你应该尝试Menu or TreeView控制。

答案 1 :(得分:0)

尝试使用此代码

<asp:Menu ID="Menu1" runat="server" StaticDisplayLevels="3">
  <Items>
    <asp:MenuItem Text="Menu Item A" Value="0">
      <asp:MenuItem Text="Sub Menu Link 1" Value="1"></asp:MenuItem>
      <asp:MenuItem Text="Sub Menu Link 2" Value="2"></asp:MenuItem>
      <asp:MenuItem Text="Sub Menu Link 3" Value="3"></asp:MenuItem>
    </asp:MenuItem>
  </Items>
</asp:Menu>

或者此代码

<asp:TreeView ID="MyTreeView" Runat="server">
  <Nodes>
    <asp:TreeNode Value="0" Expanded="True" Text="Menu Item A">
      <asp:TreeNode Text="Sub Menu Link 1" Value="1" />
      <asp:TreeNode Text="Sub Menu Link 2" Value="2" />
      <asp:TreeNode Text="Sub Menu Link 3" Value="3" />
    </asp:TreeNode>
  </Nodes>
</asp:TreeView>

答案 2 :(得分:0)

使用树状视图

 protected void Page_Load(object sender, EventArgs e)
 {
 TreeNode pn = new TreeNode("Menu Item A");
     TreeNode cn1 = new TreeNode("<a href='http://www.google.com.pk/' >Sub Menu Link 1</a>");
    TreeNode cn2 = new TreeNode("<a href='http://www.google.com.pk/' >Sub Menu Link 2</a>");
    TreeNode cn3 = new TreeNode("<a href='http://www.google.com.pk/' >Sub Menu Link 3</a>");

    TreeView tv = new TreeView();
    tv.Nodes.Add(pn);

    tv.Nodes[0].ChildNodes.Add(cn1);
    tv.Nodes[0].ChildNodes.Add(cn2);
    tv.Nodes[0].ChildNodes.Add(cn3);        

    panel.Controls.Add(tv);
 }

输出:

Menu Item A
Sub Menu Link 1
Sub Menu Link 2
Sub Menu Link 3