关于EXTJS 树(tree)的demo包括AsyncTreeNode 加载数据

最新推荐文章于 2020-12-21 06:56:31 发布

南华

最新推荐文章于 2020-12-21 06:56:31 发布

阅读量1.8k

点赞数

分类专栏： Extjs

本文链接：https://blog.csdn.net/hewusheng10/article/details/17390651

版权

Extjs 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

关于EXTJS 树(tree)的demo包括AsyncTreeNode 加载数据

            /*简单的目录
            var root = new Ext.tree.TreeNode({ id: "root", text: "跟节点" });//创建一个跟目录
            var node1 = new Ext.tree.TreeNode({ id: "node1", text: "节点1" });//创建一个子节点
            var node2 = new Ext.tree.TreeNode({ id: "node2", text: "节点2" });//创建子节点
            var node3 = new Ext.tree.TreeNode({ id: "node3", text: "节点3" });
            root.appendChild(node1);
            root.appendChild(node2);
            root.appendChild(node3);

            var treePanel = new Ext.tree.TreePanel(
            {
            root:root,
            width:300,
            renderTo:"tree"
            }

);
*/

        var root = new Ext.tree.AsyncTreeNode({ id: "root", text: "跟节点" }); //创建AsyncTreeNode 必须和loader一起使用
            var tree = new Ext.tree.TreePanel({
                width:300,
                renderTo: "tree",
                root: root,
                title:"异步加载数据",
                loader: new Ext.tree.TreeLoader({ dataUrl: "treeList.aspx" })//

});

        })

    </script>
</head>
<body>
<div id="tree"></div>

</body>

特别注意treelist.aspx的数据格式：

[{id:"node1",text:"节点1",leaf:true},{id:"node2",text:"节点2",leaf:true},{id:"node3",text:"节点3",leaf:true}]

南华

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于EXTJS 树(tree)的demo包括AsyncTreeNode 加载数据

关于EXTJS 树(tree)的demo包括AsyncTreeNode 加载数据 Ext.onReady(function() { /*简单的目录 var root = new Ext.tree.TreeNode({ id: "root", t
复制链接

扫一扫