[Sencha&ExtJS] ExtJS 기초.5 - Ext.Msg.창

ExtJS의 메시지창

일반 자바스크립트에서는 alert, confirm, prompt 메시지 창을 사용합니다.

Alert:  Message Box

일반적인 알림메시지창

Ext.Msg.alert( '제목부분', '내용부분입니다.', function(){ /* OK버튼 클릭시 핸들링 */ } );

Confirm: Message Box

확인 메시지 창

Ext.Msg.confirm( '제목부분', '내용부분입니다.', 

function(btn){ 

/* OK버튼 클릭시 핸들링 */ 

if(btn == 'yes') alert('YES')

else alert('NO');

}

 );

Toast: Message Box

message: 'closable' - 창닫기 버튼 없음

align: 속석으로 나타나는 위치을 설정 ( t / tr / br / b / bl /tl  : 상단중앙 / 상단 오른쪽  / 하단오른쪽 / 하단중앙 /  하단 왼쪽 / 상단 왼쪽)

// 메시지 창이 아래에서 위로 올라오는 메시지 창

Ext.toast('Toast message');

// 메시지 창에 창닫기(X)가 없는 메시지 창.

Ext.toast({html:'Toast message',closable:false,align:'tr'});