Ext JS6 학습 노트(둘)

1151 단어
  • 새 프로젝트로 다음 파일을 프로젝트 디렉터리에 복사합니다 (파란색은 반드시 도입해야 하는 것이 아니지만 개발 디버깅 제안 도입)
  • ext-bootstrap.js
  • build/ext-all.js,build/ext-all-debug.js
  • build/classic/locale/locale-zh_CN.js,build/classic/locale/locale-zh_CN-debug.js
  • build/classic/theme-crisp/resources/theme-crisp-all.css,build/classic/theme-crisp/resources/theme-crisp-all-debug.css
  • build/classic/theme-crisp

  •        2. 루트 디렉터리에 html 파일과test를 새로 만듭니다.js 파일, 내용은 다음과 같습니다
    html 내용:
    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
        <script type="text/javascript" src="ext-bootstrap.js"></script>
        <link rel="stylesheet" type="text/css" href="build/classic/theme-crisp/resources/theme-crisp-all.css">
        <script type="text/javascript" src="test.js"></script>
    </head>
    <body>
    </body>
    </html>

    test.js 내용:
    Ext.onReady(function() {
    	Ext.Msg.alert("hello","hello world")
    });

    브라우저로 html을 열면 팝업하는 Hello World를 볼 수 있습니다

    좋은 웹페이지 즐겨찾기