0

这是我正在使用的树面板： 

var tree = Ext.create('Ext.tree.Panel', {
                store: mystore,
                rootVisible: false,
                useArrows: true,
                frame: true,
                title: 'Organization Tree',
                renderTo: 'org-filter-window',
                width: 600,
                height: 400,
                dockedItems: [{
                    xtype: 'toolbar',
                    items: [{
                        text: 'Expand All',
                        handler: function () {
                            tree.expandAll();
                        }
                    }, {
                        text: 'Collapse All',
                        handler: function () {
                            tree.collapseAll();
                        }
                    }]
                }]
            });

我有这个窗口

  var orgWindow = Ext.create("Ext.Window", {
        store: myStoe,
        title: 'Organization Tree',
        width: 600,
        height: 400,
        html: '<div id="org-filter-window"></div>'
    });

不确定在窗口内显示树的最佳方法是什么。如您所见，我已经尝试在窗口 html 中渲染树面板，它工作正常，但我不确定这是否是首选方式。

版本：Ext JS 4.0.7

4

1 回答 1

2

怎么样：

var orgWindow = Ext.create("Ext.Window", {
        store: myStoe,
        title: 'Organization Tree',
        width: 600,
        height: 400,
        items: tree // <--- the only change is here
    });

并renderTo: 'org-filter-window',从tree定义中删除

于 2013-04-30T05:18:28.023 回答