【 EXTJS 之 世界你好 】

Extjs 简介

Extjs诞生于2007年，是一个RIA(Rich Internet Application)的Ajax应用UI级JS框架 ，它的开发出的界面虽然谈不上非常的时尚，但是却让人觉得非常的专业，用户体验那是灰常的不错，他的一个口号是没有CSS和HTML和一个页面一个应用，当然他的优秀与否全取决于你，他也不是没有缺点，一直有人说他可能更适合做内部系统，他们说的非常对，Extjs的内裤，还是有点大的，所以可能第一次显示会稍微慢了半拍，一旦加载完，速度还是可观的

更详细的信息请参考百度百科: http://baike.baidu.com/view/1350145.htm

Extjs 为什么要用

统一的界面风格，不再关注CSS+XHTML，让你更专业
强大的组件库，便捷的操作函数，让你更高效
扩展性强，兼容性不是很坏，让它更强大
响应快，操作简单，界面美好，交互性好，让客户更高兴
我还在犹豫什么

Extjs 如何学习

编程，个人认为兴趣和动手能力非常重要，一定要有充分的练习，写的多了，自然也就熟悉了

有空看看书：网上有《Extjs深入浅出 第二版》 和 《Ext+JS源码分析与开发实例宝典》（CSDN）的电子书，当然这样不是很对，你懂得...

看看Ext提供的例子（部分例子需要能访问官网才能显示数据，部分例子需要部署后才能访问需要而且支持PHP的服务器）敲敲看自己是否也能显示正常

Ext 官方文档 部署后效果还不错，遗憾的是纯英语，  不过网上也有直接运行的Ext 中文文档

开发的时候火狐比IE好用一点点，火狐报错提示非常的精准，IE呢有时候准有时候不准，到底准不准要等到你开发的时候才知道

写博客分享分享，也许也是一个不错的选择

Extjs 开发工具

1.VS2008            : 带JS自动提示功能，优点遗憾的是JS参数提示比较简单
2.Ext Designer     : 可视化编写Extjs界面，能生成脚本代码和预览功能，但是收费的，有固定使用日期，当前版本为1.1.2，在CSDN里有破解文件下载了
3.Spket               : 没用过，收费，貌似网上有低版本的破解的
4.Aptana Studio   : 没用过
5.Dreamweaver   : 没用过，网上有Extjs的extension

0.Notepad++       : 虽然没有任何提示功能，但是界面比较简洁，比记事本强很多，是本人用的比较多的文本编辑器

当然可能还有更多非常棒的开发工具，具体是使用还是根据个人爱好
关于上面部分工具的使用，还请自己摆渡一下，正所谓：“外事问百度，内事问谷歌”

 

Extjs 你好世界

1.跟任何Extjs学习介绍一样，首先我们必须按照顺序引用脚本和样式（ext-base.js必须先于ext-all.js引用，不过学习的时候还是建议引用带-debug的js,这是没有压缩的在找问题方面会比较有感觉） 
2.然后在脚本中写入一个Ext.onReady函数（注意大小写）,用过JQ等类似框架的地球人都知道的，这是为了防止JS或者页面没加载完，造成潜在的错误
3.老套路，先跟世界打个招呼

    
    
    
    

     
     
     
     <
     
     
     
     html
     
     
     
     >
     
     
     
     
 
     
     
     
     <
     
     
     
     head
     
     
     
     >
     
     
     
     
 
     
     
     
     <
     
     
     
     title
     
     
     
     >
     
     
     
     Hell world
     
     
     
     </
     
     
     
     title
     
     
     
     >
     
     
     
     
 
     
     
     
     <
     
     
     
     link 
     
     
     
     type
     
     
     
     ="text/css"
     
     
     
      rel
     
     
     
     ="stylesheet"
     
     
     
      href
     
     
     
     ="../resources/css/ext-all.css"
     
     
     
      
     
     
     
     />
     
     
     
     
 
     
     
     
     <
     
     
     
     script 
     
     
     
     type
     
     
     
     ="text/javascript"
     
     
     
      src
     
     
     
     ="../adapter/ext/ext-base.js"
     
     
     
      
     
     
     
     ></
     
     
     
     script
     
     
     
     >
     
     
     
     
 
     
     
     
     <
     
     
     
     script 
     
     
     
     type
     
     
     
     ="text/javascript"
     
     
     
      src
     
     
     
     ="../ext-all.js"
     
     
     
      
     
     
     
     ></
     
     
     
     script
     
     
     
     >
     
     
     
      
 
     
     
     
     <
     
     
     
     script 
     
     
     
     type
     
     
     
     ="text/javascript"
     
     
     
     >
     
     
     
     
 Ext.onReady(
     
     
     
     function
     
     
     
     (){
 Ext.Msg.alert(
     
     
     
     '
     
     
     
     Hello World
     
     
     
     '
     
     
     
     );
 });
 
     
     
     
     </
     
     
     
     script
     
     
     
     >
     
     
     
      
 
     
     
     
     </
     
     
     
     head
     
     
     
     >
     
     
     
     
 
     
     
     
     <
     
     
     
     body
     
     
     
     >
     
     
     
     
 
     
     
     
     </
     
     
     
     body
     
     
     
     >
     
     
     
     

     
     
     
     </
     
     
     
     html
     
     
     
     >
    
    
    
    

 

文章不是很好，让大家见笑了