Javascript 如何为sencha组件设置多个覆盖模式

Javascript 如何为sencha组件设置多个覆盖模式,javascript,extjs,Javascript,Extjs,我在我的应用程序中有一个按钮,当单击时会出现一个面板并创建覆盖窗口,在新创建的面板上,我有另一个按钮,当单击时会打开另一个覆盖窗口 理想情况下,上面板应阻止进入下面板,但仍允许用户进入下面板 小组1 app.views.EventForm = new Ext.Panel({ id: 'eventFormPanel', layout: 'hbox', floating: true, modal: true, }) 小组2 app.views.RecurringOp

我在我的应用程序中有一个按钮,当单击时会出现一个面板并创建覆盖窗口,在新创建的面板上,我有另一个按钮,当单击时会打开另一个覆盖窗口

理想情况下,上面板应阻止进入下面板,但仍允许用户进入下面板

小组1

app.views.EventForm = new Ext.Panel({
    id: 'eventFormPanel',
    layout: 'hbox',
    floating: true,
    modal: true,
})
小组2

app.views.RecurringOptions= new Ext.Panel({
    id: 'RecurringOptions',
    layout: 'hbox',
    floating: true,
    modal: true,
})

将hideOnMaskTap属性设置为true,这意味着当用户在第二个覆盖外单击时,它将消失,并显示第一个覆盖

希望能有帮助