Question

我有一个非常“长”的屏幕，显然当我使用Ext JS 3.3.1消息框时，它会一直到底部并删除后台的所有内容。

这是一些示例代码：

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}
);

Answer 1

所以你想只设置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个像素，因为它靠近顶部。您可以从顶部将其设置为其他内容。

Answer 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'
  });

Ext JS消息框位置

2 个答案: