Question

我是ext-js的新手，我有一个Tree Panel，它有一个折叠工具，用于折叠/展开
单击折叠工具时的面板。
我想知道如何获得对中的折叠工具按钮的引用小组的标题我想通过使用click事件单击折叠工具，以便面板折叠/展开。请帮我找到解决方案。

This is the fiddle link

Ext.define('project.view.navigation', {
extend: 'Ext.tree.Panel',
alias: 'widget.navigation',

requires: [
    'Ext.tree.View'
],

width: 295,
animCollapse: true,
collapsed: true,
collapsible: true,
title: 'Menu',
titleCollapse: false,
store: 'navigationStore',
rootVisible: false,

initComponent: function() {
    var me = this;

    Ext.applyIf(me, {
        viewConfig: {

        }
    });

    me.callParent(arguments);
}

}）;

我使用Sencha Architect 3.0实现了它此树面板位于边框布局中视口的西部区域。

主视口的代码如下所示

Ext.define('projectName.view.mainView', {
extend: 'Ext.container.Viewport',

requires: [
    'projectName.view.header',
    'projectName.view.navigation',
    'projectName.view.searchContent',
    'projectName.view.content',
    'projectName.view.footer',
    'Ext.tree.Panel'
],

itemId: 'mainView',
layout: 'border',

initComponent: function() {
    var me = this;

    Ext.applyIf(me, {
        items: [
            {
                xtype: 'container',
                region: 'center',
                cls: 'mainContainer',
                layout: 'border',
                items: [
                    {
                        xtype: 'appHeader',
                        height: 100,
                        region: 'north'
                    },
                    {
                        xtype: 'navigation',
                        region: 'west'
                    },
                    {
                        xtype: 'searchContent',
                        region: 'west'
                    },
                    {
                        xtype: 'content',
                        region: 'center'
                    },
                    {
                        xtype: 'footer',
                        region: 'south'
                    }
                ]
            }
        ]
    });

    me.callParent(arguments);
}

}）;

Answer 1

您只需在面板上调用collapse()方法即可。查看相关文档： http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.tree.Panel-method-collapse

例如，如果panel是对您的树面板的引用：

panel.collapse();

这会使用您在面板定义中设置的折叠配置选项来折叠面板。

如何获取Panel的折叠工具的参考

1 个答案: