前端之家收集整理的这篇文章主要介绍了
关于EXT开端的,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
ExtJS简介 Ext是一个Ajax框架,用于在客户端创建丰富多彩的web应用程序界面,是在Yahoo!UI的基础上发展而来的。官方网址:www.sencha.com ExtJS是一个用来开发前端应用程序界面的JS框架,借鉴Swing等思想,提供了一套完整的组件库及强大的ajax
支持功能,可以用Ext来开发基于Ajax的富客户端应用。 ExtJS特点: 使用标准的W3C技术; 庞大的组件模型及控件库; 丰富绚丽的界面元素; 强大实用的工具封装; 开源GPL; ExtJS开发环境搭建: (1) 下载Ext开发包,下载地址:http://www.sencha.com/products/extjs/download?page=a (2) 将Ext开发包copy到Myeclipse项目的/WebRoot目录下 注意:不需要整个Ext开发包全部导入,这样很容易造成Myeclipse卡死,因为Myeclipse会
自动检测js的合法性,会占用大量的检测时间、
cpu和内存。通常普通的开发只需要用到\extjs-4.1.0\resources
文件包、\extjs-4.1.0\ext-all.js这两个资源就可以,需要
中文化再导入\extjs-4.1.0\locale\ext-lang-zh_CN.js 就可以了 (3) 在web
页面中通过<script>
标签引入ext的库
文件。(注意引入顺序) <link rel="stylesheet" style="text/css" href="extjs-4.1.0/resources/css/ext-all.css"></link> // 引入样式
文件 <script type="text/javascript" src="extjs-4.1.0/ext-all.js"></script> // 引入ext核心组件及驱动 <script type="text/javascript" src="ext-4.0.1/locale/ext-lang-zh_CN.js"></script> //
中文化 (4)
调用Ext.onReady()初始化组件库 <script> Ext.onReady(function(){ …///在这里面创建及使用ext控 }); </script> 注意:由于Myeclipse资源占用比较大,可以参看我的另一篇博文《Myeclipse优化》进行精简化,否则开发ExtJS会速度很慢。