代码之家  ›  专栏  ›  技术社区  ›  yogsma

treeview复选框菜单

  •  1
  • yogsma  · 技术社区  · 15 年前

    [] Menu 1                   [] Menu 2
    
       [] Item 1                  [] Item 5
    
       [] Item 2                  [] Item 4 
    

    项目1、2在菜单1下,5、4在菜单2下。方括号表示复选框。

    3 回复  |  直到 12 年前
        1
  •  2
  •   Roman    15 年前

    我建议使用列表和浮动div。列表可以方便地嵌套任意数量的复选框树。

    <div style="float:left;">
    Menu 1
    <ul>
        <li>Item 1</li>
        <li>Item 2
            <ul>
            <li>Item 2a</li>
            <li>Item 2b</li>
            </ul>
        </li>
    </ul>
    </div>
    
    <div style="float:left; margin-left:30px;">
    Menu 2
    <ul>
        <li>Item 1</li>
        <li>Item 2
            <ul>
            <li>Item 2a</li>
            <li>Item 2b</li>
            </ul>
        </li>
    </ul>
    </div>
    

    <li> 一个给定的无序列表 <ul>

        2
  •  1
  •   Alex    15 年前

    如果你的问题只是关于HTML和CSS,你可以使用 padding margin 使适当缩进的属性。

        3
  •  1
  •   Stéphane    15 年前

    您可能需要查看jquery库jstree。我用它来做我的树视图,它绝对是最先进的树视图。
    它是惊人的可配置,易于使用。
    开发是非常活跃的,所以即使你可能发现一个问题,开发人员是非常被动的,将帮助你。

    请看这里: http://jstree.com here

    祝你好运:)