Добавить индикатор в Ext.window

Question

Может ли кто-нибудь помочь мне вставить индикатор выполнения внутри Ext.window? или какие-либо другие предложения, чтобы добавить индикатор выполнения внутри Ext.window?

   var p = Ext.create('Ext.ProgressBar', {
                    renderTo: Ext.body(),
                    width: 300
                });
                p.wait({
                    interval: 500, //bar will move fast!
                    duration: 50000,
                    increment: 100,
                    text: 'Updating',
                    scope: this,
                    fn: function () {
                        p.updateText('Done!');
                    }
                });

Я хочу вставить индикатор выполнения в окне ниже

var window = new Ext.Window({
            title: "export",
            height: 100,
            layout: 'fit',
            buttons: [
                {
                    text: 'Cancel',
                    listeners: {
                        click: function () {
                            window.close();
                        }
                    }
                }
            ],
            items: [{
                xtype: 'download',

                autoEl: {
                        tag: 'iframe',
                        src: 'www.google.com'

                    }
                }]
        }).show();

Answer 1

У вас есть несколько способов сделать это. Вы можете добавить существующий индикатор выполнения в существующее окно:

window.add(p);

Или добавить существующий индикатор выполнения при создании окна:

new Ext.Window({
    items: [p]
);

Или создать новый индикатор выполнения при создании окно:

new Ext.Window({
    items: [{
        xtype: 'progressbar'
    }]
);