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