初识ExtJS
来源:互联网 发布:七台河中天网络诈骗 编辑:程序博客网 时间:2024/05/18 02:19
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会速度很慢。
转自:http://blog.csdn.net/maigan323/article/details/7597849
- 初识ExtJS
- extjs 初识
- 初识EXTjs(01)
- 初识ExtJS---之使用Extjs框架引用的路径问题
- ExtJS4.2学习(1)——初识ExtJS
- 玩转extjs5之extjs初识(一)
- ExtJS
- extJs
- ExtJs
- extjs
- ExtJS
- ExtJS
- Extjs
- ExtJs
- extjs
- Extjs
- Extjs
- Extjs
- ThinkPHP小小的经验总结
- win7下的Object Header结构
- yii框架下输出hive结果
- jQuery 屏蔽页面再次被按和延迟加载函数
- C#遍历指定文件夹中的所有文件
- 初识ExtJS
- Struts2 Action扩展名的修改
- 在GridView中,中高亮顯示光標所在行
- 函数模板
- 做人的基本原则
- 关于PHP中对数组的排序
- 周鸿祎年会演讲全文:未来两年无线互联网格局将定
- Android实用小工具介绍之Monitor
- android对OnTouchListener、OnClickListener等事件响应的研究(转)