Как сфокусировать текстовое поле после использования extjs Ext.MessageBox.alert

Question

Я хочу проверить свою форму extjs. Когда текстовое поле пуст, должно отображаться окно предупреждения, после чего наш курсор должен сфокусироваться на текстовом поле. Я попробовал с кодировкой ниже. Alert работает нормально. но курсор не фокусируется. Не могли бы вы помочь мне сосредоточиться?

if(Ext.get('first').dom.value=='') 
{ 
    Ext.MessageBox.alert('Status', 'Enter your First Name!'); 
    document.getElementById("first").focus(); 
} 

Answer 1

В documentation говорится, что MessageBox является асинхронным:

Обратите внимание, что MessageBox является асинхронный. В отличие от регулярного оповещения JavaScript (что остановит выполнение браузера ), показывая MessageBox не приведет к остановке кода . По этой причине, если у вас есть код , который должен запускаться только после некоторых обращений пользователей от MessageBox, вы должны использовать функцию обратного вызова (см. Параметр функции для отображения для более подробной информации ).

Итак, ваше внимание() осуществляется сразу же после вызова Ext.MessageBox.alert, не тогда, когда пользователь закрывает его: Когда пользователь нажимает кнопку, чтобы закрыть предупреждение, основное внимание будет снова.

Вы можете попробовать вместо этого использовать обычный javascript alert(), который является синхронным.

Answer 2

if (Ext.get("first").dom.value == "") { 
    Ext.MessageBox.alert("Status", "Enter your First Name!", function() { 
     Ext.get("first").focus(); 
    }); 
} 

Answer 3

Попробуйте

if(Ext.get('first').dom.value=='') 
{ 
    Ext.Msg.alert('Status', 'Enter your First Name!', function(btn, text){ 
      if (btn == 'ok'){ 
       Ext.getCmp('first').focus(true,10); 
      } 
    }); 
}