脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-Extjs4.1 环境搭建，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

一、ExtJS简介

Ext是一个Ajax框架，用于在客户端创建丰富多彩的web应用程序界面，是在Yahoo!UI的基础上发展而来的。官方网址：www.sencha.COM

ExtJS是一个用来开发前端应用程序界面的JS框架，借鉴Swing等思想，提供了一套完整的组件库及强大的ajax支持功能，可以用Ext来开发基于Ajax的富客户端应用。

二、ExtJS特点：

使用标准的W3C技术；庞大的组件模型及控件库；
丰富绚丽的界面元素；强大实用的工具封装；开源GPL；


三、ExtJS开发环境搭建：


(1) 下载Extjs最新开发包extjs4.1.xGPL,官方下载地址：https://www.sencha.com/PRoducts/extjs/download?page=a


(2) 将Extjs4.1.xGPL开发包copy到Myeclipse项目的/Webroot目录下。

注意：不需要整个extjs开发包全部导入，这样很容易造成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>标签引入extjs的库文件。(注意引入顺序)


@H_304_31@[htML]<"/kf/ware/vc/" target="_blank" class="keylink">vc3Ryb25nPiB2aWV3CiBwbGFpbmNvcHlwcmludD8KCgoKCjxvbCBzdGFydD0="1" class="dp-XMl">
• // 引入样式文件
• <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()初始化组件库
  

  [javascript] view plaincopyprint?
  1. <script>
  2. Ext.onReady(function(){
  3. …///在这里面创建及使用extjs。
  4. });
  5. </script>

     注意：(1)由于Myeclipse资源占用比较大，可以参看我的另一篇博文《Myeclipse优化》进行精简化，去除js校验(validation)，否则开发ExtJS会速度很慢。

     觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！&nbsp;js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

     脚本宝典总结

     以上是脚本宝典为你收集整理的javascript代码实例教程-Extjs4.1 环境搭建全部内容，希望文章能够帮你解决javascript代码实例教程-Extjs4.1 环境搭建所遇到的问题。

     如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

     本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
     如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。