ExtJs 一个简单的tree

最新推荐文章于 2021-03-06 00:30:33 发布

原创最新推荐文章于 2021-03-06 00:30:33 发布 · 496 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #tree #function #div

本文介绍如何使用ExtJS创建一个动态加载的树形菜单结构，并通过代码示例展示了如何定义不同层级的节点及其子节点，实现了一个具有展开功能的基础树形结构。

<script type="text/javascript">
    Ext.onReady(function(){
        var tree=new Ext.tree.TreePanel({
            el:'tree',
            loader:new Ext.tree.TreeLoader()
        });
        var root = new Ext.tree.AsyncTreeNode( {
            text:'我是根',
            children:[
            {
            text:'01',
            leaf:true
            },{
            text:'02',
            children:[//02节点下面
                {
                    text:'02--01',
                    children:[//02-0节点下面再有个节点
                    {
                    text:'02-01-01',
                    leaf:true
                    }
                    ]
                }
            ]
            },{
            text:'03',
            leaf:true
            }
            ]
        });
        tree.setRootNode(root);

        tree.render();
        root.expand();
        //tree.expandAll();//展开所有结点

    });
    </script>





<body>里面写个 <div id="tree"></div>