小注:客户端编辑还是用的不好。。顺便请问其他博友,博客是否支持CSS,我在客户端编辑器里写了几个CSS,到这里完全重新编辑一次。我也发现了EditPlus展示效果基本与博客一致,编辑发布测试不妨用用。

为了表述下我这回的主题:Ext4.x的动态报表,优化压缩工具,对HTML5的兼容,极大丰富了界面效果。

从Ext 2开始,断断续续接触,对Ext一直不是很感冒,但这回4.1的发布着实让我淡定不住了。

先看Ext从3.x-4.x 增加了什么.
  Ext JS 4 向着web框架迈出了一大步,比3.3的最后一个版本多出了350个新的API,50个新的classes,65%的描述文档。EXT4带来了一个全新的数据包使得开发能够用mvc模式构造他们的应用。--摘自官方(这么多的类,令人心忧,不过往下看) 

概述一下ext:

1. 富客户端,流行的UI插件
提供了非常全面的用户界面插件,高性能的grids,trees,menus and more(更多)。如果找不到,可以从Sencha社区找到你所需要的插件。
       20110425-extjs4-feature-strip
2. 提供了文档,练习和支持
3. 提供自动优化的新SDK工具(看到这心动了吧)
我们的新的SDK工具能够自动的创造一个你的应用的最优构建,移除不用的classes,并且提供尽可能最好的加载体验。通过ext命令行接口的其他优化工程能够发布于任何平台:Windows,Mac,Linux.
 
4.免费的图形插件(这个在4.0里并未引起我兴趣)
5.清晰地组件模型
你能够轻松的扩展你的组件来满足需求,你的团队甚至不需要其他语言来辅助完成

      20110425-component

6. 他支持的浏览器

  • Internet Explorer 6+
  • Firefox 3.6+ (PC, Mac)
  • Safari 5+
  • Chrome 10+
  • Opera 11+ (PC, Mac)

而且在老的浏览器上,利用HTML5的性能回调。

 

 

4.x增加了什么:

extjs4-chart Charting

漂亮的图形插件

extjs4-drawingDrawing

浏览器独立的矢量图,不需要考虑SVG或者VML

extjs4-data Data Package

用MVC构建流行的,可扩展的,企业级的web应用。

extjs4-grid Enhanced Grid

Locking, editing, and all the features you can imagine all at once.

extjs4-grid-infinite Infinite Scrolling

Browse years worth of data with a grid that can scroll forever.

extjs4-grid-rowedit Row Editor

Make beautiful inline edits in a grid, rewritten and part of the core framework.

extjs4-split-dom Split DOM

Ext4已经为每个浏览器做到高性能的DOM

extjs4-theming Powerful Theming 更换主题

Using SASS and Compass, your whole app can be themed in minutes.

extjs4-class-organized New Class System 新类库

The best object-oriented design meets the best JavaScript with our new class system.

extjs4-layouts Layouts 布局

The most accurate cross-browser layout system yet, allowing dock layouts and fantastic forms.

extjs4-forms Forms (不解释了)

More flexible than ever, Ext JS 4 Forms can now use any layout allowing more freedom to design beautiful forms.

extjs4-sandbox Sandboxing 可运行多个版本的EXT

Run multiple versions of Ext JS side by side. Leverage your investments and migrate at your own pace.

extjs4-compat_js Compat.js  将3.x的项目运行于4.0下

Reduces the time required to get your 3.x project running under 4.0. Our guides help you to fully migrate to 4.0.

extjs4-docs-new Documentation

Double the docs, including a new API browser so it's easier to find the features you need.

extjs4-small-size-alt Encapsulated Architecture

压缩技术,最小只有100K.

extjs4-class Component Query 组件查询

Select and filter Components from a Component tree, or an Array—similar to CSS selectors.

extjs4-focus-manager Focus Manager 触发管理,通过键盘操作

Improved focus manager lets users breeze through applications with their keyboard.

extjs4-z-index Z-Index Manager 层次管理

这个举例:第一层z-index :1  第二层 z-index:2 数字大得在顶层。

4.x的惊艳:
惊艳1
. 开源免费的图片报表我用过很多,jfreechar,open-flash-chart,功能
       强大,但是有个缺陷,没有动态效果。 ext让你轻松实现动态报表,并且非常的漂亮
惊艳2. 轻松的各种筛选机制,似乎刻意大幅度提高了视觉效果。
惊艳3. 兼容3.x版本
惊艳4. 优化压缩工具
惊艳5. 主动积极的靠近HTML5,是否以后能够轻松兼容

 

对各种浏览器的兼容,也是个非常令人赞赏的事情,在HTML5还在起步的阶段,在js备受瞩目的时期,不得不说ext4.x非常的优秀,我们舍他其谁。
注:关于构筑MVC模式,我并未尝试,我并不觉得用js构建mvc是个很好的想法。望指正,呵呵。