extjs初级入门之ext初始化

首先当然是准备工作，去官方网站www.extjs.com网站上面去下载一个最新的包。其他不用多说了 自己先搭建个IIS环境 可以边看DOCS和EXAMPLES边做，我没有太好的方法也只有边看，边查。

最基本的当然是引入ext的底层类库

     <script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
     <script type="text/javascript" src="Ext/ext-all.js"></script>

当然这个是我自己项目的目录树，你自己的按照自己的要求

还有就是引入ext的样式表

     <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />

   用过jq的人都知道jq的初始化是$(function(){})这种写法；而ext呢，他自己封装了一个初始化的方法Ext.onReady(function(){})

   现在简单的写一下按回车默认到按钮事件         

  
    

   
      Ext.onReady(
   
     function
   
     () {
 document.onkeypress 
   
     =
   
      
   
     function
   
     (evt) {
 evt 
   
     =
   
      (evt) 
   
     ?
   
      evt : ((window.event) 
   
     ?
   
      window.event : 
   
     ""
   
     )
 keyCode 
   
     =
   
      evt.keyCode 
   
     ?
   
      evt.keyCode : (evt.which 
   
     ?
   
      evt.which : evt.charCode);
 
 
   
     if
   
      (keyCode 
   
     ==
   
      
   
     13
   
     ) {
 btnLogin.click();
 }
 }
 });
  
    

当然了所有的程序都是免不了什么helloword之类的 我也简单的写一个

  
    

   
     Ext.onReady(
   
     function
   
     () {
 Ext.Msg.alert(
   
     "
   
     Ext我会努力学会你的！
   
     "
   
     );
 });
  
    

拷贝下去自己试验一下 。