extjs - Extjs Ext.MessageBox.show 不会与 y 垂直对齐：

Question

我有一个带有工具栏的网格。此工具栏有一个项目，它是一个用于从网格存储中删除条目的按钮。

我想在距顶部 200 像素处垂直对齐确认消息框。

根据文档（http://docs.sencha.com/ext-js/4-0/#!/api/Ext.window.MessageBox-cfg-y），有一个名为“y”的配置来完成这项工作. 但这对我不起作用。希望大家能帮忙。

我正在使用 Extjs 4.1.1a

这是我的代码：

var entryGridToolbar = Ext.create('Ext.toolbar.Toolbar', {
    items: [{
        text: 'Delete',
        id: 'deleteButton',
        icon: '/images/icons/minus.png',
        handler: function() {
            Ext.MessageBox.show({
                title: 'Delete entry',
                width: 300,
                y: 200,
                msg: 'Are you sure?',
                buttons: Ext.MessageBox.YESNO,
                icon: Ext.MessageBox.QUESTION,
                fn: function(btn) {
                    // delete/cancel..
                }
            })
        }
    }]
});

Answer 1

var msgBox; // declare it global
var entryGridToolbar = Ext.create('Ext.toolbar.Toolbar', {
    items: [{
        text: 'Delete',
        id: 'deleteButton',
        icon: '/images/icons/minus.png',
        handler: function() {
            msgBox = Ext.MessageBox.show({
                title: 'Delete entry',
                width: 300,
                y: 200,
                msg: 'Are you sure?',
                buttons: Ext.MessageBox.YESNO,
                icon: Ext.MessageBox.QUESTION,
                fn: function(btn) {
                    // delete/cancel..
                }
            })
        }
    }]
});

msgBox.getDialog().getPositionEl().setTop(50); // Try this 
msgBox.getPositionEl().setTop(50); // Try this if above dosen't work

另请参阅此链接 Ext JS Message Box Position