ExtJS可以用来开发RIA也即富客户端的AJAX应用,是一个用javascript写的,主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架。因此,可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。ExtJs最开始基于YUI技术,由开发人员JackSlocum开发,通过参考JavaSwing等机制来组织可视化组件,无论从UI界面上CSS样式的应用,到数据解析上的异常处理,都可算是一款不可多得的JavaScript客户端技术的精品。
ExtJS的UI组件模型和开发理念脱胎、成型于Yahoo组件库YUI和Java平台上Swing两者,并为开发者屏蔽了大量跨浏览器方面的处理。相对来说,ExtJS要比开发者直接针对DOM、W3C对象模型开发UI组件轻松。
【转载使用,请注明出处:http://blog.csdn.net/mahoking】
第一步:通过Eclipse或者MyEclipse创建Web Application。在WebRoot目录下创建分别创建文件夹extjs与js,并创建一个HTML页面index.html。
第二步:添加所需要的ExtJS的js等文件。添加ExtJS的全部文件显然不太合理,本例只使用需要的一些文件,简化后为如下。
第三步:编辑index.html文件。
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!-- 引入ExtJS的样式文件 --> <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"> <!-- 引入ExtJS的引导程序js文件 --> <script type="text/javascript" src="extjs/bootstrap.js"></script> <!-- 引入本地化文件 --> <script type="text/javascript" src="extjs/locale/ext-lang-zh_CN.js"></script> <script type="text/javascript"> function init(){ Ext.MessageBox.alert("ExtJS 4.2","Hello ExtJS4.2's World!"); } Ext.onReady(init); </script> <title>ExtJS4.2</title> </head> <body> </body> </html>
/** * Load the library located at the same path with this file * * Will automatically load ext-all-dev.js if any of these conditions is true: * - Current hostname is localhost * - Current hostname is an IP v4 address * - Current protocol is "file:" * * Will load ext-all.js (minified) otherwise */
/** * 加载本文件相同路径中的库 * * 满足以下条件将自动加载 ext-all-dev.js: * - 当前主机名是 localhost * - 当前主机名是 IP v4 地址 * - 当前协议是 "file:" * * 其它情况下将加载 ext-all.js (minified) */
1、 http://baike.baidu.com/link?url=nKseHUkgbiL1i8_ylwoWFhRPbfVLCW9d7LEcOBzTEthSN8_zDwQU910ahctx5sMv2SLseIuRZ9ONNu7_onuvkK
2、 http://www.qeefee.com/extjs-course-2-bootstrap-js
【转载使用,请注明出处:http://blog.csdn.net/mahoking】