将 Ext.window.MessageBoxView 呈现到具有模式叠加的特定区域

Question

我使用以下代码将消息框呈现到应用程序中的特定div。

我

只想屏蔽我渲染的div，并将消息框和按钮放置在div 的中心。

模态出现在整个文档上，这是不希望的，消息框也没有在div 中居中。 看不到将其配置为所需结果的方法。

Ext.Msg.show({
    title: 'Access',
    msg: 'You do not have access to the current client, would you like access?',
    buttons: Ext.Msg.YESNOCANCEL,
    icons: Ext.Msg.QUESTION,
    renderTo: Ext.get('client-reports-tab'),
    modal: false
});

我只尝试使用加载掩码，这只会掩盖div，但没有给我号召性用语：

Ext.get('client-reports-tab').mask('You do not have access to this client, <a href="javascript:void()" class="client-coverage">please request access</a>', 'cct-msg-mask');

请托管javascript：void（），它不会进入生产版本:)

Answer 1

使用 alignTo 求解：

var msg = Ext.Msg.show({
            title: 'Access',
            msg: 'You do not have access to the current client, would you like access?',
            buttons: Ext.Msg.OK,
            icons: Ext.Msg.QUESTION,
            modal: false
        });
msg.alignTo(Ext.get('client-reports-tab'), 'c-c');

在以下方面的帮助下：

将 loadMask（） 应用于 extjs 中的单个元素？