<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    廉頗老矣,尚能飯否

    java:從技術到管理

    常用鏈接

    統計

    最新評論

    ExtJS學習(1):demo

    ExtJS是一個用javascript寫的,主要用于創建前端用戶界面,是一個與后臺技術無關的前端ajax框架。
    ExtJS發布包目錄
            adapter:負責將里面提供第三方底層庫(包括Ext自帶的底層庫)映射為Ext所支持的底層庫。
       build:  壓縮后的ext全部源碼(里面分類存放)。
       docs:  API幫助文檔。
       exmaples:提供使用ExtJs技術做出的小實例。
       resources:Ext UI資源文件目錄,如CSS、圖片文件都存放在這里面。
       source: 無壓縮Ext全部的源碼(里面分類存放) 遵從Lesser GNU (LGPL) 開源的協議。
       Ext-all.js:壓縮后的Ext全部源碼。
       ext-all-debug.js:無壓縮的Ext全部的源碼(用于調試)。
      ext-core.js:壓縮后的Ext的核心組件,包括sources/core下的所有類。
      ext-core-debug.js:無壓縮Ext的核心組件,包括sources/core下的所有類。
    應用extjs需要在頁面中引入extjs的樣式及extjs庫文件,樣式文件為resources/css/ext-all.css,extjs的js庫文件主要包含兩個,adapter/ext/ext-base.js及ext-all.js,其中ext-base.js表示框架基礎庫,ext-all.js是extjs的核心庫。adapter表示適配器,也就是說可以有多種適配器,因此,可以把adapter/ext/ext-base.js換成adapter/jquery/ext-jquery-adapter.js,或adapter/prototype/ext-prototype-adapter.js等。

    index.jsp 代碼如下

    <%@ page language="java" contentType="text/html; charset=UTF-8"
     pageEncoding="UTF-8"%>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Ext welcome you</title>

    <link rel="stylesheet" type="text/css"
     href="extjs/resources/css/ext-all.css" />
    <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="extjs/ext-all.js"></script>
    <script type="text/javascript"
     src="extjs/build/locale/ext-lang-zh_CN.js"></script>

    <script type="text/javascript">
     //alert("Ext welcome you");
     function btn() {
      Ext.MessageBox.alert('ExtButton', 'ExtButton');
     }

     //Ext.onReady(btn);
     
     Ext.onReady(
     function () { 
      Ext.MessageBox.alert('ExtButton', 'ExtButton');
      }
     );
     
    </script>

    </head>
    <body>
    <h1>Ext welcome you</h1>
    <div id="hello_in">&nbsp;</div>
    <script type="text/javascript">
     var panel = new Ext.TabPanel( {
      width :300,
      height :200,
      items : [ new Ext.Panel( {
       title :"111111111",
       height :30,
       html :'<h1>Hello,aaaaaaaaaaaaaaaa</h1>'
      }), new Ext.Panel( {
       title :"2222222222",
       height :30,
       html :'<h1>Hello,bbbbbbbbbbbbbb</h1>'
      }), new Ext.Panel( {
       title :"33333333333333",
       height :30,
       html :'<h1>Hello,cccccccccccc</h1>'
      }) ]
     });
     panel.render("hello_in");
    </script>
    </body>
    </html>



    柳德才
    13691193654
    18942949207
    QQ:422157370
    liudecai_zan@126.com
    湖北-武漢-江夏-廟山

    posted on 2009-01-16 14:47 liudecai_zan@126.com 閱讀(3637) 評論(2)  編輯  收藏 所屬分類: ExtJS

    評論

    # 1321 2014-05-12 09:50 3131

    1313  回復  更多評論   

    # 上面的是啥玩意 2014-05-12 09:50 3131

    看不懂  回復  更多評論   


    只有注冊用戶登錄后才能發表評論。


    網站導航:
     
    主站蜘蛛池模板: 国产精品亚洲精品日韩动图| 亚洲中文无码a∨在线观看| 亚洲av纯肉无码精品动漫| 亚洲大片在线观看| 三上悠亚在线观看免费| 国产亚洲色视频在线| 一级毛片在播放免费| 国产亚洲精品AA片在线观看不加载 | 久久久久一级精品亚洲国产成人综合AV区 | 亚洲欧美日韩中文字幕一区二区三区| 69堂人成无码免费视频果冻传媒| 亚洲国产av美女网站| AV片在线观看免费| 性色av极品无码专区亚洲| 国产大片91精品免费观看男同| 国产亚洲男人的天堂在线观看 | 亚洲国产成人久久精品大牛影视| 免费视频中文字幕| a免费毛片在线播放| 国产V亚洲V天堂A无码| 国产精品久久久久久久久免费| 男人天堂2018亚洲男人天堂| 无码欧精品亚洲日韩一区夜夜嗨 | 亚洲人成人网毛片在线播放| 国产精品免费综合一区视频| 久久国产一片免费观看| 亚洲乱亚洲乱淫久久| 在线观看免费大黄网站| eeuss影院ss奇兵免费com| 色婷婷六月亚洲婷婷丁香| 欧美大尺寸SUV免费| 国产精品青草视频免费播放| 97久久精品亚洲中文字幕无码| 噼里啪啦电影在线观看免费高清 | 亚洲欧洲在线观看| 在线成人a毛片免费播放| 成年女人A毛片免费视频| 亚洲fuli在线观看| 亚洲色成人中文字幕网站| 人禽杂交18禁网站免费| a毛片免费全部在线播放**|