2010-12-22 87 views
6

我有一個非常'長'的屏幕,顯然當我使用Ext JS 3.3.1消息框時,它會一路走到底部並刪除背景中的所有內容。Ext JS消息框位置

這是一些示例代碼:

Ext.Msg.show({ 
    title:'[SOME TITLE]', 
    msg: '[SOME MESSAGE]', 
    buttons: Ext.Msg.YESNO, 
    fn: function (btn){ 
     if(btn=='yes'){  
      //Do something 
     } 
    } 
}, 
icon: Ext.Msg.QUESTION} 
); 
+0

在那裏有問題嗎? – Gerrat 2010-12-22 21:47:07

回答

2

試試這個

Ext.MessageBox.show({ 
     msg: 'Saving your data, please wait...', 
     progressText: 'Saving...', 
     width:300, 
     wait:true, 
     waitConfig: {interval:200}, 
     icon:'ext-mb-download', //custom class in msg-box.html 
     animEl: 'mb7' 
    }); 
+1

感謝您的回覆。我正在尋找的解決方案是:box.getDialog()。setPosition(x,y) – user510210 2010-12-23 11:57:27

4

所以,你要設定只有你的MessageBox的Y位置?這樣做:

var msg=Ext.Msg.show({ 
    title:'[SOME TITLE]', 
    msg: '[SOME MESSAGE]', 
    buttons: Ext.Msg.YESNO, 
    fn: function (btn){ 
     if(btn=='yes'){  
      //Do something 
     } 
    } 
}); 
msg.getDialog().getPositionEl().setTop(50); //this is enough for Y position only 

使用setPosition兩種做到這一點:

msg.getDialog().setPosition(undefined,50) 

我用50個像素在這個例子中,因爲這是在頂部附近。您可以將其設置爲頂部的其他內容。