Ext JS Message Box Положение

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

То есть вы хотите установить только позицию Y вашего MessageBox? Сделайте это:

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