williamraym

          和我一起學(xué)ExtJS——入門

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

          在頁面上導(dǎo)入所需的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的范圍,請(qǐng)用mouse 左鍵點(diǎn)擊</div>
          <div id="id2" style="border:1px solid red;height:200px;width:200px;">id2的范圍,請(qǐng)用mouse 左鍵點(diǎn)擊</div>

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

          Extjs里的實(shí)現(xiàn):

              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>跟我一起學(xué)Extjs——入門</title>
          </head>
          <body>
          <div id="id1" style="border:1px solid red;height:200px;width:200px;">id1的范圍,請(qǐng)用mouse 左鍵點(diǎn)

          </div>
          <div id="id2" style="border:1px solid red;height:200px;width:200px;">id2的范圍,請(qǐng)用mouse 左鍵點(diǎn)

          </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(
          "你點(diǎn)擊了id1");
              }

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

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

          評(píng)論

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

          不錯(cuò),真是一個(gè)很好的學(xué)習(xí)開端,謝謝!  回復(fù)  更多評(píng)論   

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

          收獲不小,真希望有后續(xù)文章  回復(fù)  更多評(píng)論   

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

          up!~最近我也在學(xué)哈哈, 多多指教!~  回復(fù)  更多評(píng)論   

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

          一起進(jìn)步,哈哈
            回復(fù)  更多評(píng)論   

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

          很有用,多謝誒  回復(fù)  更多評(píng)論   

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

          更多,請(qǐng)敬請(qǐng)期待  回復(fù)  更多評(píng)論   


          只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。


          網(wǎng)站導(dǎo)航:
           
          <2008年1月>
          303112345
          6789101112
          13141516171819
          20212223242526
          272829303112
          3456789

          導(dǎo)航

          統(tǒng)計(jì)

          常用鏈接

          留言簿(6)

          隨筆檔案

          搜索

          最新評(píng)論

          閱讀排行榜

          評(píng)論排行榜

          主站蜘蛛池模板: 福清市| 柘城县| 辽阳县| 文水县| 丹巴县| 泊头市| 芦溪县| 西宁市| 盐山县| 汪清县| 金华市| 阳泉市| 潜江市| 醴陵市| 镇雄县| 乐至县| 中山市| 正阳县| 图们市| 梨树县| 繁峙县| 嘉峪关市| 丹巴县| 自贡市| 仙居县| 陵水| 平乐县| 修武县| 万全县| 沂源县| 克拉玛依市| 西乌珠穆沁旗| 图片| 黄浦区| 名山县| 拉萨市| 聂荣县| 平谷区| 天祝| 林西县| 五原县|