ExtJS окно сообщения настройки

Question

В самой основной форме, запрос ExtJS выглядит следующим образом:

Ext.MessageBox.prompt('Name', 'Please enter your name:', showResultText); 
}); 

Теперь в моем приложении, есть steylesheet, что делает все окна сообщений серым цветом. И кнопки также серые, поэтому кнопки неотличимы от серого фона окна подсказки. Так есть способ настроить подсказку, чтобы я мог поместить границу вокруг кнопки «ОК» и «Отмена»? Мой другой вопрос: есть ли способ поместить значок справки в окно подсказки? В MessageBox существует опция конфигурации, называемая ICON. Есть ли способ использовать этот параметр внутри подсказки?

Answer 1

1), чтобы добавить значок подсказывать окно:

Ext.MessageBox.prompt просто метод обертки предоставить некоторые параметры по умолчанию для Ext.MessageBox.show, так что вы можете создать другой метод обертки, который будет использовать свои собственные параметры, а затем вам может легко перевесить Ext.MessageBox.prompt с пользовательским оперативной оберткой

var customPrompt = function(title, msg, fn, scope, multiline, value){ 
    Ext.MessageBox.show({ 
      title : title, 
      msg : msg, 
      buttons: Ext.MessageBox.OKCANCEL, 
      fn: fn, 
      minWidth: Ext.MessageBox.minPromptWidth, 
      scope : scope, 
      prompt:true, 
      multiline: multiline, 
      value: value, 
      icon : Ext.MessageBox.QUESTION 
    }); 
    return Ext.MessageBox; 
}; 

customPrompt('title', 'message'); 

---

2), чтобы изменить стиль кнопок:

кнопка элементы сохраняются в диалоговой компоненте для справки, так что вы можете получить те, и добавить пользовательский класс к кнопкам

var dlg = Ext.MessageBox.getDialog(); 
var buttons = dlg.buttons; 
for(i = 0; i < buttons.length; i++) { 
    buttons[i].addClass('custom-css-class'); // class that will do styling of buttons 
}