Extjs Ext.MessageBox.show 不会与 y 垂直对齐：答案

【问题标题】：Extjs Ext.MessageBox.show will not vertical align with y:Extjs Ext.MessageBox.show 不会与 y 垂直对齐：
【发布时间】：2012-12-21 08:59:27
【问题描述】：

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

我想在距离顶部 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..
                }
            })
        }
    }]
});

【问题讨论】：

标签： extjs alignment vertical-alignment messagebox

【解决方案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

【讨论】：

msgBox.getPositionEl().setTop(50);