品鲜—Ext4.1发布，惊艳了我

小注：客户端编辑还是用的不好。。顺便请问其他博友，博客是否支持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社区找到你所需要的插件。
       
2. 提供了文档，练习和支持
3. 提供自动优化的新SDK工具（看到这心动了吧）
我们的新的SDK工具能够自动的创造一个你的应用的最优构建，移除不用的classes，并且提供尽可能最好的加载体验。通过ext命令行接口的其他优化工程能够发布于任何平台：Windows,Mac,Linux.
 
4.免费的图形插件（这个在4.0里并未引起我兴趣）
5.清晰地组件模型
你能够轻松的扩展你的组件来满足需求，你的团队甚至不需要其他语言来辅助完成

      

6. 他支持的浏览器

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

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

 

 

4.x增加了什么：

Charting

漂亮的图形插件

Drawing

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

Data Package

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

Enhanced Grid

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

Infinite Scrolling

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

Row Editor

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

Split DOM

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

Powerful Theming 更换主题

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

New Class System 新类库

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

Layouts 布局

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

Forms (不解释了)

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

Sandboxing 可运行多个版本的EXT

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

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.

Documentation

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

Encapsulated Architecture

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

Component Query 组件查询

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

Focus Manager 触发管理，通过键盘操作

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

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是个很好的想法。望指正，呵呵。