그 안에 새로운 my 디렉토리를 생성하면 향후 모든 샘플 파일이 이 디렉토리에 생성됩니다. 1.Hello world! 먼저 Hello World 웹페이지의 Extjs 버전 전체 코드를 살펴보세요. 코드 복사 코드는 다음과 같습니다. Extjs MessageBox ="스타일시트" type=" text/css" href="../resources/css/ext-all.css" /> script> <br>< /head> <br><script type="text/javascript"> <br>Ext../resources/images/default/s .gif'; <br> Ext.onReady(function() { <br>Ext.MessageBox.alert('Hello', 'Hello world'); <br>}); ></body> <br></html> <br><br> <br>실행 후 결과는 다음과 같습니다. <br><br><br> </div> <br> 위의 js 파일 도입 순서는 되돌릴 수 없습니다. 그렇지 않으면 올바른 결과를 얻을 수 없습니다. 2.Ext.MessageBox <br>Ext.MessageBox는 일반적인 프롬프트 상자 기능을 구현합니다. Ext.Msg는 그와 완전히 동일한 객체이지만 이름이 다릅니다. Ext.Msg에는 일반적인 경고, 확인, 프롬프트, 표시 및 기타 방법이 있으며 모두 매우 간단합니다. 아래에 예시가 나와 있습니다. Extjs 함수 매개변수는 일반적인 쉼표 목록으로 구분하거나 매개변수 이름: 매개변수 값을 가진 객체를 전달할 수 있습니다. 다음 예시도 반영됩니다. <a href="/upload/2010-1/20100107180011197.png"><img title="image" style="max-width:90%" style="max-width:90%" alt="image" src="http://files.jb51.net/upload/2010-1/20100107180011787.png" style="max-width:90%" border="0"></a><br><br>코드 복사<br><div class="codetitle"> <span> 코드는 다음과 같습니다.<a style="CURSOR: pointer" data="14284" class="copybut" id="copybut14284" onclick="doCopy('code14284')"><u> </u><html> head> </a><title>Extjs MessageBox</title> </span><link rel="Stylesheet" type="text/css" href="../resources/css/ext-all.css" / > </div><script type="text/javascript" src="../adapter/ext/ext-base-debug.js"> <br>function AlertClick() { <br> Ext.Msg .alert("alert", "Hello"); <br>} <br><br>function showOutput(s) { <br>var Area = document.getElementById("Output") <br>area .innerHTML = s; <br>} <br><br>function verifyClick() { <br>Ext.Msg.confirm('확인','하나를 선택하세요',showOutput) <br>} <br><br>function PromptClick() { <br>Ext.Msg.prompt('Prompt', '입력해 보세요', <br>function(id, msg) { <br>showOutput('' id ' 키를 누르고 입력했습니다. ' msg) ; <br>}); <br>} <br><br>function showClick() { <br>var option = { <br>title:'Box Show', <br>msg: '이것은 정보 아이콘이 있는 가장 유연한 메시지 상자입니다.', <br>modal: true, <br>buttons: Ext.Msg.YESNOCANCEL, <br>icon: Ext.Msg.INFO, <br>fn:showOutput <br>} ; <br>Ext.Msg.show(option); <br>showOutput("안녕하세요, 상자가 표시되고 있죠?") <br> ; AlertButton 버튼> ConfirmButton ;< 버튼 id='Button3' onclick='promptClick()'>PromptButton 표시버튼< ;/버튼>