Sencha - 在另一个模态之上的模态？

Question

模态面板位于另一个模态面板之上？

这在 Sencha 中可行吗？我的模式 window 打开，但它在我已经打开的模式后面打开。任何帮助将不胜感激。

另外...不确定这是否重要，但我对两种模态使用相同的控制器。

这是我的第二个模态视图：

Ext.define('CAMSApp.view.OpBuyoffVoidView', {
extend: 'Ext.Panel',
alias: ['widget.opbuyoffvoidview'], //ToDo Use I18N 
    config: {
        xtype: 'panel',
        cls: 'dialogview formview',
        centered: true,
        scrollable: 'vertical',
        modal: true,
        screenId: 'opbuyoffvoidview',
        layout: {
            type: 'vbox',
            align: 'center',
        },
        defaults: {
            minHeight: 46
        },
        items: [
        {
        xtype: 'toolbar',
        docked: 'top',
        title: 'Void Buyoff',
        cls: 'grey-bold-34pt',
        ui: 'transparent',
        items: [{
            xtype: 'button',
            cls: 'grey-bold-40pt greyBtn',
            text: 'Cancel',
            idForAction: 'opbuyoff-void-cancel_btn',
        },  {
            xtype: 'spacer',
        },{
            xtype: 'button',
            cls: 'grey-bold-40pt greyBtn',
            textI18N: 'Save',
            idForAction: 'opbuyoff-void-save_btn',
        }],
        },
        {
        xtype: 'container',
        ui: 'transparent',
        layout: 'vbox',
        cls: 'OpBuyoffVoidContainer',
        items: [{
            xtype: 'panel',
            flex: 1,
            ui: 'transparent',
            items: [{
                xtype: 'container',
                cls: 'formContainer dialogContentScrolling',
                items: [{
                    xtype: 'formpanel',
                    scrollable: null,
                    ui: 'transparent',
                    cls: 'fieldSetReadOnly',
                    defaults: {
                        xtype: 'textfield',
                        labelCls: 'lightgrey-bold-28pt',
                        readOnly: true,
                    },
                    items: [{
                        labelI18N: 'Buyoff:',
                    },{
                        id: 'buyoff_group_void',
                    },{
                        labelI18N: 'User:',
                    },{
                        id: 'buyoff_user_void',
                    }],
                }],
            },{
                xtype: 'label',
                htmlI18N: 'You are voiding the above Buyoff.  Please enter the reason for the void below:',
                //cls: 'priorityLowLabel',
            },{
                xtype: 'textareafield',
                idForUpdate: 'buyoff_reason_void',
                //cls: 'priorityMedLabel',
            },{
                xtype: 'label',
                htmlI18N: '*Reason is required to void a buyoff',
                //cls: 'priorityHighLabel',
            }],
        }],
    }],
        listeners: {
        initialize: function(me, eOpts) {
            CAMSApp.util.I18N.resolveStaticUIBindings(me); 
        },
        show: function (me, eOpts) {
            // Publish the screen id event.
            log('[OpBuyoffVoid.show]');
            CAMSApp.app.fireEvent('setscreenfocus', this);
        },
    },
}

});

Answer 1

这应该不是问题。当您打开 2 模态 windows 时，第二个与第一个重叠 z-index 比第一个高 10。我认为问题在于您显示模态 windows 的顺序。查看我创建的用于在 ExtJS 6

上验证的快速 fiddle

https://fiddle.sencha.com/#fiddle/133n

Sencha - 在另一个模态之上的模态？

Sencha - modal on top of another modal?

extjs

sencha-touch