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

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

1 个答案: