javascript - 请教:树形菜单怎么制作
David Beckham
David Beckham 2017-04-11 11:11:42
0
3
448


这种树形的菜单如何布局?背景不是单一的,拐角处应该怎么布局?
不用jstree插件的话,自己写怎么写啊?小白,没有思路。。。

David Beckham
David Beckham

光阴似箭催人老,日月如移越少年。

reply all (3)
大家讲道理

树形组件,一般都是根据数据的树形结构,递归渲染产生的,每次渲染更深的树节点的时候就多渲染一个缩进(在你这个树结构里,缩进应该被竖线来占位),至于拐角处,要看你用什么在生成树组件,如果是 SVG,大可以画出来,如果是 DOM,一般这种 | |- |_ 都是用图片来完成的。至于应该用哪个图片,这个可以根据当时所处的数据结构判断得知(是否是最后一个节点,子节点是否都被选中,还是部分被选中。)

    伊谢尔伦

    https://bumfo.github.io/tree_menu.html

     Tree Menu  
    Root
    A
    A1
    A11
    A12
    A13
    A14
    A2
    A21
    A22
    B
    B1
      迷茫

      这个一般是配合JSON数据来生成比较好。
      推荐一个插件:http://www.ztree.me/v3/main.php#_zTreeInfo

        Latest Downloads
        More>
        Web Effects
        Website Source Code
        Website Materials
        Front End Template
        About us Disclaimer Sitemap
        php.cn:Public welfare online PHP training,Help PHP learners grow quickly!