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我会努力学会你的!");
});
拷贝下去自己试验一下 。
posted @ 2011-03-24 15:51  奇想  阅读(822)  评论(0编辑  收藏  举报