2010-12-22 91 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个像素在这个例子中,因为这是在顶部附近。您可以将其设置为顶部的其他内容。