You need to configure the minimization of application windows, where it is absent. Here in this piece of code there are no minimized or minimizable properties, but in the resulting application window there is a working "minimize" button. In other cases, inheritance is also set via extend: 'Ext.window.Window', but there are no necessary buttons ... It turned out to bring the "minimize" button through minimizable, but it does not work. What am I doing wrong?

Ext.define('TPL.view.resource.ListWindow', { extend: 'Ext.window.Window', alias : 'widget.reslist', title : '???????????????', layout: 'fit', autoShow: true, maximizable: true, maximized: true, buttonAlign: 'left', constrain: true, // width: 850, // height: 600, closeAction: 'destroy', autoScroll: true, initComponent: function () { Ext.apply(this, { items: [ { xtype: 'form', //width: 850, //height: 200, border: false, style: { padding: '5px' }, cls: 'x-plainform', items:

Here is the piece I entered in minimizable ;:

 Ext.define('TPL.view.documents.Create', { extend: 'Ext.window.Window', alias: 'widget.document-create', title: 'Создание документа777', layout: 'fit', autoShow: true, constrain: true, maximizable: true, minimizable: true, config: { grid: null, departmentId: null, year: null }, constructor: function (config) { this.initConfig(config); this.callParent(arguments);

I'm also trying to add tools, but nothing changes:

  tools: [{ type: 'minimizable', handler: function(){ //show minimizable here } }],

    1 answer 1

    Minimization does not work 'Out of the box'. This button only triggers a minimize event on the minimize . It needs to be processed. Example

    • It makes sense to add the code from the example to the question itself. - Regent