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

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

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

    williamraym

    和我一起學ExtJS——入門

    先從官方下載Extjs 2.0http://www.extjs.com/

    在頁面上導入所需的JS和CSS資源文件

    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

    <link rel="stylesheet" type="text/css" href="plugins/extjs/ext-2.0/resources/css/ext-all.css" />
    <style type="text/css">
        @import url("plugins/extjs/ext-2.0/resources/css/ext-all.css");
    </style>
    <script type="text/javascript" src="plugins/extjs/ext-2.0/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="plugins/extjs/ext-2.0/ext-all.js"></script>
    </head>
    <body>
    <div id="id1" style="border:1px solid red;height:200px;width:200px;">id1的范圍,請用mouse 左鍵點擊</div>
    <div id="id2" style="border:1px solid red;height:200px;width:200px;">id2的范圍,請用mouse 左鍵點擊</div>

    來一個實例,最常見的ID元素操作
    傳統的操作:
    <script type="text/javascript">
        
    var d=document.getElementById("id1");
        d.onclick
    =function(){
            alert(
    "你點擊了id1");
        }

    Extjs里的實現:

        var t=Ext.get('id2');
        t.center();
        t.on('click',
    function(){
            alert(
    "dfsdfsd");
            t.highlight();
        }
    ,this,
        
    {single: false,
        delay: 
    100}

        );
    });
    </script>
    </body>
    </html>

    如果使用easyjweb就可以直接用以下代碼了

    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    $html.extjs2()
    <title>跟我一起學Extjs——入門</title>
    </head>
    <body>
    <div id="id1" style="border:1px solid red;height:200px;width:200px;">id1的范圍,請用mouse 左鍵點

    </div>
    <div id="id2" style="border:1px solid red;height:200px;width:200px;">id2的范圍,請用mouse 左鍵點

    </div>
    <script type="text/javascript">
    Ext.onReady(
    function(){
        
    var t=Ext.get('id2');
        t.center();
        t.on('click',
    function(){
            alert(
    "dfsdfsd");
            t.highlight();
        }
    ,this,
        
    {single: false,
        delay: 
    100}

        );
    }
    );
    </script>
    <script type="text/javascript">
        
    var d=document.getElementById("id1");
        d.onclick
    =function(){
            alert(
    "你點擊了id1");
        }

    </script>
    </body>
    </html>

    posted on 2008-01-08 16:22 WilliamRaym 閱讀(1289) 評論(6)  編輯  收藏

    評論

    # re: 和我一起學ExtJS——入門 2008-01-08 17:02 wellfuls

    不錯,真是一個很好的學習開端,謝謝!  回復  更多評論   

    # re: 和我一起學ExtJS——入門 2008-01-08 17:03 wellfuls

    收獲不小,真希望有后續文章  回復  更多評論   

    # re: 和我一起學ExtJS——入門 2008-01-08 17:05 久城

    up!~最近我也在學哈哈, 多多指教!~  回復  更多評論   

    # re: 和我一起學ExtJS——入門 2008-01-08 18:31 WilliamRaym

    一起進步,哈哈
      回復  更多評論   

    # re: 和我一起學ExtJS——入門 2008-01-08 22:03 xidudui

    很有用,多謝誒  回復  更多評論   

    # re: 和我一起學ExtJS——入門 2008-01-09 09:19 WLR

    更多,請敬請期待  回復  更多評論   


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


    網站導航:
    博客園   IT新聞   Chat2DB   C++博客   博問  
     
    <2008年1月>
    303112345
    6789101112
    13141516171819
    20212223242526
    272829303112
    3456789

    導航

    統計

    常用鏈接

    留言簿(6)

    隨筆檔案

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 亚洲午夜一区二区三区| 亚洲精品成人网站在线观看| 亚洲国产美女视频| 最近2019年免费中文字幕高清 | 亚洲av成人无码久久精品| xxxxx做受大片视频免费| 免费很黄很色裸乳在线观看| 美女被免费网站视频在线| 日韩精品电影一区亚洲| 国产亚洲精品成人久久网站| 五月婷婷亚洲综合| 一个人看的免费高清视频日本| 91麻豆精品国产自产在线观看亚洲| v片免费在线观看| 国产∨亚洲V天堂无码久久久| 两个人看的www高清免费视频| 亚洲国产精华液网站w| 91免费国产自产地址入| 在线精品亚洲一区二区| 免费一看一级毛片| www一区二区www免费| 久久精品7亚洲午夜a| 最近中文字幕电影大全免费版| 亚洲人成网站18禁止久久影院| 成年午夜视频免费观看视频| 国产成人亚洲精品蜜芽影院| 精品国产亚洲男女在线线电影| 久章草在线精品视频免费观看| 亚洲婷婷天堂在线综合| 日韩免费福利视频| 中文字幕无线码免费人妻| 亚洲综合亚洲国产尤物| 精品无码国产污污污免费| 国产精品无码免费专区午夜| 亚洲黄色高清视频| 国产一区二区三区在线免费观看 | 欧美大尺寸SUV免费| 日韩在线视频线视频免费网站| 国产A在亚洲线播放| 四虎免费在线观看| 国产羞羞的视频在线观看免费|