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我会努力学会你的！ " );
});

拷贝下去自己试验一下 。

转载于:https://www.cnblogs.com/hack1506/archive/2011/03/24/1994007.html