Ext2.2 教程一:预备走

我相信人生是值得活的,尽管人在一生中必须遭受痛苦,卑劣,残酷,不幸和死亡的折磨,我依然深信如此.但我认为人生不一定要有意义,只是对一些人而言,他们可以使人生有意义. ---J 赫胥黎

一简介

Ext 是目前最火爆的javascript框架. 原名yui-ext,是yahoo yui的补充, 后来另起炉灶,名字也更改为ExtJs.最新版本是2.2.1,你可以从这里下载:http://extjs.com/products/extjs/download.php?dl=extjs221

YUI和Ext各有优缺点. 论开发的灵活度和性能,YUI更好. 论集成功能之多和界面漂亮,Ext更胜一筹.如果你是一个纯粹的开发人员,美工水平一般,那么用ExtJs来开发网站实在再好不过,你可以借助ExtJs自身类库实现许多很酷很炫的效果.

二起步

和YUI的大气不同,Ext是想在市场上赚点银子的.所以Ext的官方文档/资源相比YUI来说较为缺乏,入门不易.如果想要学习Ext,建议从以下几步着手:

查看Ext例子.下载完Ext后打开下载包,里面的examples目录有许多示范例子,尽自己能力改写这些例子,就能更快掌握Ext
查看api文档.在下载包的docs目录里有api文档可供查看.
借助firebug阅读源码.源码在下载包的source目录里.
安装spket eclipse插件.这样在eclipse里写js时就可以有code assistant功能.在这个视频里你可以看到这个功能是多么的酷:http://www.spket.com/demos/js.html 参考这篇文章进行安装:http://www.blogjava.net/H-bomb/archive/2008/02/02/179051.html
多动手,多总结.

三实例的代码结构

教程的源程序按照jsp的war格式进行组织,目录结构如下:

globalConfig.jsp 的内容:

-- Ext config . --%>]]>
link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/js/ext-2.2.1/resources/css/ext-all.css" />
script type="text/javascript" src="<%=request.getContextPath()%>/js/ext-2.2.1/adapter/ext/ext-base.js">span style="color: rgb(128, 0, 0);">script>
script type="text/javascript" src="<%=request.getContextPath()%>/js/ext-2.2.1/ext-all.js">span style="color: rgb(128, 0, 0);">script>

posted on 2009-04-15 10:08 Chenyunshi 阅读(723) 评论(0) 编辑收藏引用所属分类: 经验心得技巧

只有注册用户登录后才能发表评论。

yunshichen