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