ExtJS Ext.Message Box.alert()팝 업 대화 상자 상세 설명

 
Ext.onReady(function() { 
Ext.Msg.alert('  ', '        '); //          
}); 

효과 그림:

 
Ext.onReady(function() { 
//   JSON(    ) 
var config = { 
title:'  ', 
msg: 'JSON    ，   ' 
} 
Ext.Msg.show(config); 
}); 

효과 그림: 위 에 저 는 간단 한 예 를 들 었 을 뿐 입 니 다.자,예 쁜 화면 을 보 았 죠?다음은 Ext.Message Box Ext.Message Box 는 도구 류 입 니 다.그 는 Obiect 대상 을 계승 하여 다양한 스타일 의 정보 알림 대화 상 자 를 만 들 었 습 니 다.Ext.Msg 는 이러한 별명 입 니 다.Ext.Message Box 를 사용 하 는 것 은 Ext.Msg 효과 와 같 고 후 자 는 더욱 간단 한 방식 을 제공 합 니 다.소개 하기 전에 Ext.Message Box 가 제공 하 는 정보 알림 상자 와 JavaScript 가 제공 하 는 원시 정보 알림 상자 의 차 이 를 알 아 보 자.주로 세 가지 측면 에 나타난다.그들 은'실현 방식','정 보 를 표시 하 는 형식','프로그램 실행 에 미 친 영향'이 고 다음 에 세 가지 측면 에 대해 상세 하 게 설명 한다.1.구현 방식:표준 자 바스 크 립 트 가 제공 하 는 정보 알림 대화 상 자 는 진정한 팝 업 창 입 니 다.Ext.MessageBox 에서 제공 하 는 정보 알림 대화 상 자 는 실제 팝 업 창 이 아 닙 니 다.그 는 현재 페이지 에 표 시 된 한 층(div)이기 때문에 소프트웨어 로 그의 2,정 보 를 표시 하 는 형식 을 창 으로 잡 을 수 없습니다.표준 JavaScript 가 제공 하 는 정보 알림 대화 상자 에 표 시 된 내용 은 HTML 형식 텍스트 가 아니 라 일반 텍스트 입 니 다.HEML 의 포맷 방법 으로 레이아웃 할 수 없고 빈 칸,리 턴 및 각종 구두점 문자 로 만 디 스 플레이 형식 을 구축 할 수 있 습 니 다.Ext.Message Box 에서 제공 하 는 정보 알림 대화 상자 에 표 시 된 텍스트 는 일반 텍스트 뿐만 아니 라 HTML 형식 텍스트 도 지원 하 며 HTML 의 포맷 방법 으로 레이아웃 하여 더욱 풍부 하고 다 채 로 운 효 과 를 얻 을 수 있 습 니 다.다음은 간단 한 예시 이다.

 
<script type="text/javascript"> 
alert('      ');//     HTML       
</script> 

효과 도:

 
//  html     
Ext.onReady(function() { 
Ext.Msg.alert('<font size=4>  </font>','<font color=red>   html     </font>'); 
}); 

효과 도:

 
<script type="text/javascript"> 
Ext.onReady(function() { 
alert('         '); 
Ext.Msg.alert('  ','          '); 
}); 
</script> 

효과 도:

 
<script type="text/javascript"> 
Ext.onReady(function() { 
Ext.Msg.alert('  ','          '); 
alert('         '); 
}); 
</script> 

효과 도: 효 과 를 보 았 습 니 다.간단 하 죠?다음은 자바 스 크 립 트 의 표준 alert()방법 을 대체 하기 위해 서 함수 리 셋 을 어떻게 하 는 지 알 아 보 겠 습 니 다.리 셋 함 수 를 제공 하면 이 함 수 는 단 추 를 누 른 후에 호출 됩 니 다(오른쪽 상단 의 출시 버튼 포함).단 추 를 누 른 id 는 유일한 매개 변수 로 리 셋 함수 에 전 달 됩 니 다.호출 형식:alert(String title,String msg,[function fn],[Object scope]);//파라미터 설명 title:알림 상자 의 제목 msg:표 시 된 정보 내용[function fn]:(선택 가능)리 셋 함수[Object scopt]:(선택 가능)리 셋 함수 의 역할 영역 반환 값:Ext.Message Box 예제:

 
<script type="text/javascript"> 
Ext.onReady(function() { 
Ext.MessageBox.alert('  ', '       ', callBack); 
function callBack(id) { 
alert('     id ：'+id); 
} 
}); 
</script> 

효과 그림:OK 를 누 르 면 효과   
x 효과 클릭
   
 
알림:ExtJS 의 alert 는 비동기 로 실행 되 기 때문에 차단 이 되 지 않 습 니 다.따라서 사용자 가 확인 한 후에 실행 하 는 코드 를 리 셋 함수 에 넣 어야 합 니 다.그렇지 않 으 면 사용자 가 후속 코드 를 확인 하면 불필요 한 오류 가 발생 할 수 있 습 니 다.이 점 은 우리 가 주의해 야 합 니 다.