Web/Javascript

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

saltdoll 2015. 6. 24. 05:17
반응형

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




반응형
도움이 되셨다면 하트모양의 "♡ 공감"을 눌러주시면 큰 격려가 됩니다.
(로그인하지 않으셔도 가능)