Extjs - 在窗口中顯示樹的最佳方式

Question

這是我正在使用的樹面板：

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

Answer 1

怎么樣：

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

並從tree定義中刪除renderTo: 'org-filter-window',