如何在Extjs中隐藏面板？

Question

美好的一天。

我有代码：

{
    xtype: 'panel',
    title: 'test panel',
    html:'test,
    visible: false// did not work
}

如何在没有侦听器和控制器的情况下阻止显示面板？

Answer 1

hidden配置通常不会应用于部分视图，只有Sencha知道原因。

但是，如果您愿意，可以使用部件createView方法中的单行代码执行此操作。以你的小提琴为例：

Ext.define('GAINS.parts.ConfigPart', {
    extend: 'Ext.dashboard.Part',
    alias: 'part.config-part',
    config: {
        hidden: false,
        viewTemplate: {
            layout: 'fit',
            mergin: 9
        }

    },
    createView: function (config) {
        var view = this.callParent(arguments);
        view.items = config.configPartItems;
        if(config.hidden) view.hidden = true; // apply the  "hidden" config to the view.
        return view;
    }
});

Answer 2

改为使用属性hidden：

{
    xtype: 'panel',
    title: 'test panel',
    html:'test,
    hidden: true // <<== Should works
}