<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)

    隨筆檔案

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 免费A级毛片av无码| 一区二区免费在线观看| 亚洲精品乱码久久久久久下载| 亚洲黄色免费在线观看| 亚洲乱人伦中文字幕无码| 美女被免费视频网站a| a级毛片毛片免费观看永久| 久久受www免费人成_看片中文| 国产免费一区二区三区VR| 亚洲色中文字幕无码AV| 亚洲入口无毒网址你懂的| 国产精品免费在线播放| 成人无码区免费视频观看| 亚洲黄片手机免费观看| 亚洲精品网站在线观看你懂的| 中文字幕免费高清视频| 亚洲综合精品网站在线观看| 日本亚洲精品色婷婷在线影院| 四虎国产精品免费久久| 亚洲成人激情在线| 免费播放国产性色生活片| 在线jyzzjyzz免费视频| 亚洲Av无码精品色午夜| 污视频网站免费在线观看| 亚洲人精品午夜射精日韩| 91禁漫免费进入| 在线综合亚洲中文精品| 亚洲高清偷拍一区二区三区| 亚洲av日韩av永久在线观看| 国产精品入口麻豆免费观看| 久久精品国产亚洲| 免费看国产成年无码AV片 | 黄色毛片免费在线观看| 国产AV无码专区亚洲A∨毛片| h视频在线免费观看| 亚洲一区影音先锋色资源| 日本xxxx色视频在线观看免费| 亚洲一区中文字幕在线电影网| 成年人网站免费视频| 国产亚洲漂亮白嫩美女在线| 国产精品免费视频播放器|