一.准备工作
1.下载类库:
官网:
http://www.sencha.com/products/extjs/
2.类库基本说明:
我下的版本是: ext-3.3.1.zip
解压后内部包过一下文件:
adapter: 提供Ext的底层库
docs : API 帮助文档
exmaples: 提供使用Extjs的小事例
resoures: Ext UI资源文件目录 比如 图片 ,CSS等等
source : 无压缩Ext 全部的源码
ext-all.js :压缩后的Ext 全部源码
ext-all-debug.js:无压缩的Ext 全部的源码(用于调试)。
二.代码事例:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>Ext hello World</title>
<!-- 引入 ext 文件样式-->
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css"/>
<!-- 引入 extjs 基础库-->
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<!-- 引入 extjs 核心库-->
<script type="text/javascript" src="ext/ext-all.js"></script>
<!-- 引入 Extjs 汉化-->
<script type="text/javascript" src="/ext/src/localeext-lang-zh_CN.js"></script>
<!-- Extjs hello world examples -->
<script >
function fn(){
alert("我要开始学习EXTjs了");
}
//ext 第一种方式的调用
Ext.onReady(fn);
//ext 第二种方式调用
Ext.onReady(function(){
alert("我这样也可以哦");
});
//ext 中的消息框!
Ext.onReady(function(){
Ext.MessageBox.alert("消息盒子"," 你看我是不是很漂亮呢");
});
//ext 中的窗口
Ext.onReady(function(){
var win=new Ext.Window(
{
title:" 我的第一个小窗口!",
width: 200,
height: 400,
html:'<h1>你看我这个ext小窗口怎么样啊,是不是可以啊!</h1>'
}
);
win.show();
});
</script>
</head>
<body >
<h1>Ext hello world</h1>
</body>
</html>
三.测试:
效果自己看吧!
四.心得
1. 基本理解了 ext 是干什么用的
2. 在应用类库的时候 注意 路径问题
3.
注意路径问题: 上面的事例
我是把 helloWorld.html跟 类库放到同一级目录的
- 大小: 11.4 KB
- 大小: 8.4 KB
分享到:
相关推荐
ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS...ExtJS快速入门 ExtJS快速入门 ExtJS快速入门ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门
extjs4mvc 事例讲解的非常好关于extjs4mvc的分层结构
ExtJs入门实例ExtJs入门实例ExtJs入门实例
ExtJs的入门电子资料,ExtJs2.0 学习系列
ExtJS入门教程(超级详细).pdf
extjs入门 extjs入门 extjs入门 extjs入门 extjs入门
ExtJS入门教程(适合初学者) extjs库文件,简单示例,组件介绍和应用,extjs核心
Extjs4.1 小例子(适合extjs初学者学习使用).直接导入myeclipse即可
学习ExtJs的思想莫过于一是组件,另外的一个就是面板。ExtJs其实是java Swing 的思想的变迁。基于组件的这种思想能让我们自由... 正本书抓住的就是这两个思想,得其要领,再加上很好的例子说明,真的可谓是入门之利器。
extjs入门学习,各个组件的使用,包括Observable、Observable、BoxComponent、Container、Panel、Viewport及Window...
ExtJS入门教程 一、开始EXTJS 二、组件的介绍 三、EXT核心
extjs入门到精通,实例有简单到复杂,还有综合实力,下载即可运行,环境也是配好的,希望对你有帮助!
ExtJS入门实例、包含各种详细代码,非常适合初学者学习
包含各种类型的extjs小图标,Extjs4小图标
extjs入门.pdf
extjs入门教程 extjs入门教程介绍,GRID,json介绍
Extjs入门实例chm版,非常好的Extjs学习资料
ExtJs入门.ppt ExtJs入门.ppt 大家学习学习