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');

在以下帮助下：

Applying loadMask() to a single element in extjs?

使用模式覆盖将Ext.window.MessageBoxView渲染到特定区域

1 个答案: