javascript-ExtJS：如何将子节点动态添加到treepanel

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-ExtJS：如何将子节点动态添加到treepanel，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1037字，纯文字阅读大概需要2分钟。

内容图文

如何使用JavaScript以编程方式将子节点添加到现有的TreePanel？

我有一个TreePanel,用于显示地图的活动图层(使用GeoExt)：

treeConfig = new OpenLayers.Format.JSON().write([{
    nodeType: "gx_baselayercontainer",
    text: "Base layers",
    expanded: true
    }, {
    nodeType: "gx_overlaylayercontainer",
    text: "Overlays",
    expanded: true,
    loader: {
        baseAttrs: {
            radioGroup: "foo",
            uiProvider: "use_radio"
        }
    }
}], true);

treePanel = new Ext.tree.TreePanel({
    id: 'mainpanel',
    border: true,
    region: "west",
    title: "Map layers",
    width: 200,
    split: true,
    collapsible: true,
    margins: '0 0 5 5',
    collapseMode: "mini",
    autoScroll: true,
    loader: new Ext.tree.TreeLoader({
        applyLoader: false,
        uiProviders: {
            "use_radio": LayerNodeUI
        }
    }),
    root: {
        nodeType: "async",
        children: Ext.decode(treeConfig)
    },
    listeners: {
        "radiochange": function(node){
            alert(node.layer.name + " is now the the active layer.");
        }
    },
    rootVisible: false,
    lines: false
});

用户应该能够通过按下按钮来添加覆盖层,但是我似乎找不到任何有关如何完成此操作的示例.

有任何想法吗？

解决方法:

用getNodeById或getRootNode抓住父节点,并用appendChild添加子节点.

内容总结

以上是互联网集市为您收集整理的javascript-ExtJS：如何将子节点动态添加到treepanel全部内容，希望文章能够帮你解决javascript-ExtJS：如何将子节点动态添加到treepanel所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端