[extjs] Ext.MessageBox

메시지박스를 다양한 스타일로 생성하기 위한 유틸리티 클래스입니다. 

별칭으로 Ext.Msg 로 사용할 수 있습니다.

Example usage : 

// Basic alert: Ext.Msg.alert('상태', '변경사항이 저장되었습니다.'); // Prompt for user data and process the result using a callback: Ext.Msg.prompt('이름', '이름을 입력하세요:', function(btn, text) { if (btn == 'ok'){ // process text value and close... } }); // Show a dialog using config options: Ext.Msg.show({ title:'변경사항을 저장하시겠습니까?', msg: '저장되지않은 사항이 있습니다. 변경사항을 저장하시겠습니까?', buttons: Ext.Msg.YESNOCANCEL, fn: processResult, animEl: 'elId', icon: Ext.MessageBox.QUESTION });

Ext.MessageBox.confirm 사용 예 : 

Ext.MessageBox.confirm('확인', '삭제하시겠습니까?', function(btn){ if (btn == 'yes') { Ext.Msg.alert('상태', '삭제함'); } else { Ext.Msg.alert('상태', '삭제안함'); } });

Ext.MessageBox Methods :

//Displays a standard read-only message box with an OK button. alert( title, msg, [fn], [scope] ) : Ext.MessageBox //Displays a confirmation message box with Yes and No buttons. confirm( title, msg, [fn], [scope] ) : Ext.MessageBox //Displays a message box with a progress bar. progress( title, msg, [progressText] ) : Ext.MessageBox //Displays a message box with OK and Cancel buttons prompting the user to enter some text. prompt( title, msg, [fn], [scope], [multiline], [value] ) : Ext.MessageBox //Updates a progress-style message box's text and progress bar. updateProgress( value, progressText, msg ) : Ext.MessageBox

Method Parameters :

• title (String) : The title bar text.
• msg (String) : The message box body text.
• fn (Function) : The callback function invoked after the message box is closed.
• scope (Object) : The scope (this reference) in which the callback is executed. Defaults to the browser wnidow.
• progressText (String) : The text to display inside the progress bar (defaults to '').
• multiline (Boolean/Number) : True to create a multiline textbox using the defaultTextHeight property, or the height in pixels to create the textbox (defaults to false / single-line).
• value (String) : Default value of the text input element (default to '').

Reference

• Ext JS 3.4 Docs : http://docs.sencha.com/ext-js/3-4/#!/api/Ext.MessageBox
• Ext JS 4.1 Docs : http://docs.sencha.com/ext-js/4-1/#!/api/Ext.MessageBox