如何在Extjs中隐藏面板？

Question

Good day.

I have code:

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

How to prevent show panel without listeners and controllers?

Answer 1

The hidden config usually is not applied to a part's view, only Sencha knows why.

However, if you want, you can do so with a single line of code in the part's createView method. To take your fiddle example:

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

Use the property hidden instead:

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