廉頗老矣,尚能飯否

          java:從技術到管理

          導航

          <2009年1月>
          28293031123
          45678910
          11121314151617
          18192021222324
          25262728293031
          1234567

          公告

          廉頗老矣,尚能飯否
           
          java博客 : http://www.aygfsteel.com/liudecai
               
          EMAIL:liudecai_zan@126.com 

          留言簿(2)

          隨筆分類

          隨筆檔案

          文章檔案

          相冊

          閱讀排行榜

          評論排行榜

          常用鏈接

          統計

          最新評論

          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 閱讀(3641) 評論(2)  編輯  收藏 所屬分類: ExtJS

          評論

          # 1321 2014-05-12 09:50 3131

          1313  回復  更多評論   

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

          看不懂  回復  更多評論   


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


          網站導航:
           
          主站蜘蛛池模板: 龙口市| 凤山市| 若羌县| 秀山| 兰州市| 贺州市| 广河县| 丰原市| 澜沧| 晋中市| 海宁市| 通许县| 绥宁县| 崇义县| 舒兰市| 斗六市| 灵台县| 思南县| 万年县| 林口县| 集安市| 屏边| 无棣县| 伊金霍洛旗| 全南县| 普定县| 吉木乃县| 桂平市| 原平市| 安丘市| 洛川县| 伊通| 鸡东县| 丰顺县| 铜川市| 礼泉县| 滦南县| 历史| 中超| 娄烦县| 昭苏县|