ExtJS - установка окна сообщений над отключенными формами

Question

Чтобы дать вам представление о том, с чем я работаю, у меня есть всплывающее модальное, содержащее ряд отдельных форм в модальном формате. Исходя из текущего выбора, формы будут либо отключены, либо активированы. Если они отключены, я хотел бы показать окно сообщения над отключенной формой в модальном объяснении, почему он отключен.

Я пробовал использовать Ext.msg.alert и другие формы Ext.msg, однако мне не удалось заставить их оставаться над формами. Я могу выровнять их по форме, но при прокрутке она не остается над формой, она остается неподвижной в позиции главного окна, а не в форме внутри модального. Возможно ли это сделать?

Затем я попытался сделать это хакерским способом и установить маску для загрузки по форме, которая отображает сообщение, но это также перемещается при прокрутке вниз.

Я попытался использовать «фиксированное» свойство компонентов, но, похоже, ничего не сделал.

Я не уверен, смотрю ли я на это с неправильного угла или что, но, похоже, что-то не работает для меня.

Любые идеи?

listeners:{ 
    afterlayout: function(form, eOpts){ 
     if(form.disabled){ 
      var msg = Ext.Msg.alert({title:'Disabled', modal: false, fixed: true, msg:'Blah blah blah mmmkay.'}); 
      msg.alignTo(form.el, 'c-c'); 
      //fixed 
     } 
    } 
}, 

Answer 1

Попробуйте это и дайте мне знать результат. В принципе, мы можем переопределить базовые компоненты или написать наши компоненты.

Ext.define('Artlantis.view.OverlayWindow', { 
    extend: 'Ext.window.Window', 
    alias: 'widget.overlaywin', 
    defaults: { 
     autoScroll: true 
    }, 
    layout: 'fit', 
    width: '50%', 
    height: '50%', 
    modal: true, 
    closeAction: 'destroy', 
    initComponent: function() { 
     this.callParent(arguments); 
    } 
}); 

// to call this component 
Ext.create('Artlantis.view.OverlayWindow',{ 
    title: 'Disabled', 
    items: [ 
    { 
     xtype: 'panel', 
     items: [ 
      ... 
     ] 
    } 
    ] 
}); 

// or call by xtype 
... 
xtype: 'overlaywin'