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
    });

并从renderTo: 'org-filter-window',定义

中删除tree

Extjs - 在窗口中显示树的最佳方式

1 个答案: