EXT MessageBox show() 메서드

2863 단어
오늘은 Ext 컨트롤을 이용해서...설마.인터넷에서 배워요...
메시지 박스는 매우 강력한 컨트롤러로 ext의 입문에 적합하다
ext의 환경을 구축하여 다음과 같은 파일을 도입하면 즐겁게 도망갈 수 있습니다.
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<script src="resources/ext-base.js" type="text/javascript"></script>
<script src="resources/ext-all.js" type="text/javascript"></script>

다음은 몇 가지 매개 변수가 기록되어 있습니다.
1.animEl: 대화상자가 튀어나오고 닫힐 때의 애니메이션 효과, 예를 들어'id1'으로 설정하면 id1에서 튀어나와 애니메이션이 생기고 수축은 반대로
2. buttons: 팝업 상자 단추의 설정은 주로 다음과 같다. Ext.Msg.OK,Ext.Msg.OKCANCEL,Ext.Msg.CAMCEL,Ext.Msg.YESNO,Ext.Msg.YESNOCANCEL
너도 버튼 위의 글자를 사용자 정의할 수 있다. {yes: "나는 yes", no: "나는 no"}.false로 설정하면 단추가 표시되지 않습니다.
3.closable:false이면 오른쪽 상단의 작은 포크를 표시하지 않고 기본적으로true입니다.
4.msg: "메시지의 내용"
5.title: 제목
6.fn: 팝업 상자를 닫고 실행하는 함수
7.icon: 팝업 상자 내용 앞에 있는 아이콘으로 Ext. MessageBox로 값을 지정합니다.INFO,Ext.MessageBox.ERROR,Ext.MessageBox.WARNING,Ext.MessageBox.QUESTION
8.width: 팝업 상자의 너비, 단위 없음
다음 매개변수는 입력 상자를 제어합니다.
9.prompt:true로 설정하면 팝업 상자에 입력 상자가 있습니다.
10.multiline:true로 설정하면 팝업 상자에 여러 줄 입력 상자가 있습니다.
다음 매개변수는 스크롤 막대를 제어합니다.
11.progress:true로 설정하고 진도표를 표시합니다.progressText: 진도표에 표시된 글자 13.wait:true로 설정하고progress 동적 표시
14. waitConfig:progress 표시를 제어하기 위한 매개 변수 구성
waitConfig에 대한 매개변수는 다음과 같습니다.
1.interval: 진도 주파수 2.duration: 진도를 실행하는 지속 시간, 이 시간을 초과하면interval이 효력을 잃고 더 이상 진도 효과가 나타나지 않지만 진도광도 사라지지 않습니다.3.fn:duration의 시간이 지나면 실행되는 함수
스크롤 막대는 두 개의 관련 함수가 있다
Ext.MessageBox.Hide () 및 Ext.MessageBox.updateProgress(value, "Progress Text", "msg")(세 개의 매개 변수, 이름을 보면 뜻을 알 수 있음),value가 0-1 사이의 수를 주의하여 진도표의 진도를 표시합니다.
다음은 완전한 예이다
function msgshow(){
	Ext.Msg.buttonText.yes=' ';
	Ext.Msg.buttonText.no=" ";
	Ext.Msg.show({
		title:" ",
		modal:true,
		msg:' ',
		icon:Ext.Msg.Info,
		multiline:true,
		prompt:true,
		fn:function callback(btn,text){
			if(btn=="yes"){
				Ext.Msg.alert(" "," :"+text);
			}
		},
		buttons:Ext.Msg.YESNO,
		width:300
	});
}

여기에 또 하나의 예가 있는데 msg의 업데이트 방법이고taskmgr의 사용법도 있다.
function msgupdate(){
	var msgbox=Ext.Msg.show({
		title:" ",
		modal:true,
		msg:' ',
		buttons:Ext.Msg.OK,
		width:300
	});
	Ext.TaskMgr.start({
		run:function(){
		     msgbox.updateText(' '+new Date().format('Y-m-d g:i:s A'));
		},
		interval:1000
	});
}

또한 쇼 방법 외에도 흔히 볼 수 있는alert,prompt,confirm의 사용법도 있다.또한wait,hide,updateprogress의 사용법도 있습니다.
링크를 아주 자세하게 말하다http://hi.baidu.com/kqogje/blog/item/559184c6e9e25f109d163dfc.html요약하자면, MessageBox의 사용법은 주로 몇 개의 매개 변수를 익히는 것이다.동작, 크기, 정보, 아이콘, 그리고propmt의 사용법, 그리고 스크롤 바의 사용법을 설정합니다. fn은 리셋 함수입니다.

좋은 웹페이지 즐겨찾기