ExtJS 6.2 EA版发布

非常开心，Sencha Ext JS 6.2早期访问版本今天发布了。早期访问版本的主要目的是为了让大家进行测试并评估Ext JS6.2的工作进度，这对于发布更好的Ext JS版本会有相当大的帮助。

下载ExtJS 6.2 EA版

查看 ExtJS 6.2 EA 示例

所包含的东西

• 所有新的日历组件
• 可以在Ext JS应用程序中以数可视化形式使用D3.js的D3适配器
• 针对现代工具包的新的符合Material Design的主题
• 针对现代工具包的Pivot Grid组件
• 视区捏拉缩放和原生滚动的集成
• 即可用于现代工具包，又可用于经典工具包的几个网格增强功能

要了解更多，请注册即将推出的网络研讨会。

为什么选择ExtJS 6.2，而不是6.1

随着每一个主要的Ext JS版本发布，都会更新Sencha Cmd和以便更方便更快的去开发Ext JS应用程序。Sencha Cmd已经成为其他Sencha工具，入IDE插件、Inspector、Architect和刚推出的Sencha Tehme的基础功能。在Sencha Cmd过去发布的几个版本与工具，都是与框架的版本同步推出的，因此，Ext JS的版本号就同步了为了推广Sencha Themer早期访问版本而发布的Sencha Cmd 6.2的早期访问版本的版本号。

ExtJS 6.2的新功能

Ext JS 6.2早期访问版本提供了许多新功能，这对于开发强大的、大数据的、跨平台的Web应用程序相当有用。以下是一些最令人兴奋的功能：

日历组件

ExtJS 6.2增加一些全新的日历组件，以便框架能够轻松的查看和管理日程表、日历和事件。

考虑到组件自身的复杂性，以及用户愿意看到的可视范围（日、周、月等等）情况，在Web应用程序中构建日历是一个非常艰巨的任务。Ext JS日历组件为用户提供了缩放不同时段的灵活性，这样就可以在适当的层级中看到详细信息。对于分布于不同地理位置的用户，日期组件还提供了timezone（时区）配置项。除了要处理不同的事件外，用户有时候还需要兼顾多种类型的日历活动，入工作、个人或团队的日历。日历组件可以很轻易的将他们整合成一个单一的视图。日历组件的事件列表来自于Ext JS存储（Store），这样就可以从诸如Google等外部提供者中导入数据。

通过这个组件，就可以在应用程序中轻松的添加一个功能完整的日历，而不需要花费太多的时间和精力。

D3适配器

ExtJS非常适合构建功能强大的、大数据量的、跨平台的Web应用程序，而数据可视化是这些应用程序的关键。ExtJS早就有了用量进行数据汇总并展示给用户的组件。这些组件包括基于表格表示法的网格和Pivot Grid组件，以及Sencha图表库用来简明的展示图形数据。

在ExtJS 6.2，已经集成了著名俗称D3的的数据驱动文档包，这样，用户就可以很生动的去展示他们的数据，让人们理解这些数据。作为一个轻量级的、非常灵活和流行的javascript库，D3非常适合ExtJS应用程序。

D3许多常见的可视化功能已经封装好了，这样，就可以很容易的在Ext JS中创建复制的可视化效果并无缝的集成到Ext JS应用程序中以增加用户体验。Ext JS的D3适配器可以让你创建出比以往任何时候都多得多的独特的、个性化的、动态的可视化效果。

Material Design主题

近年来，Google的Material Design语言作为创建愉快的用户体验的工具已经变得越来越流行。该设计利用了急于网格的布局，动画和过度反应灵敏，填充和深度效果如灯光和阴影。

在ExtJS 6.2，已经推出了基于现代工具包的新的“Material”主题（最需要的功能），在工具包中的每一个单一的UI组件都实现了符合Material Design 规范的主题，这样，就不需要再从头到尾的去创建Material主题了，因为他已经是现成的了。

很希望听到有关你们在已有应用使用新的Material主题或使用Material主题创建新的Ext JS应用程序的意见，以便改进体验。

现代Pivot Grid

自从在Ext JS 6推出了Pivot Grid（经典工具包组件），一些使用现代工具包来创建应用程序的客户发送了现代Pivot Grid的请求。在Ext JS 6.2，已经在现代工具包添加了与经典工具包中功能相同的Pivot Grid。现代Pivot Grid配备了不同的布局是样式元素，再加上明细状态的不同插件、拖拽和拖放功能、范围编辑、导出等所有这些功能都针对触摸设备做了优化。

在Pivot Grid中，还加强了它的导出插件，包括CSV、TSV和HTML等格式，还具有选择或配置网格导出列的功能，无论是可视列还是不可视列（隐藏列）都可以进行选择或配置。导出插件现在还允许给导出文档中的列定义样式，无论经典工具包，还是现代工具包，无论是网格，还是Pivot Grid，都具有这些功能。

视区的捏拉缩放以及原生滚动

ExtJS 5和6都提供了一个虚拟的滚动条用来支持较老的移动端浏览器，这意味着框架将不支持捏拉缩放，这是因为捏拉缩放使用了触碰事件流，而这会对虚拟滚动条造成依赖干扰。

在ExtJS 6.2，动量滚动现在所有移动端浏览器的原生滚动，且对所有设备和浏览器都使用了原生滚动条。这样，框架就可以在所有的触屏设备上实现捏拉缩放了。

网格的增强功能

与往常一样，ExtJS的网格功能正在不断的获得加强，因为这是开发人员最常用的组件，而我们收到了大量的改进请求。其中一个最突出的新功能是新的插件“RowWidget plugin”，该插件允许其他组件被渲染到网格的行主体区域，这样就可以在网格内部使用任何组件，甚至是一个网格。

使用RowWidget插件渲染的组件可以在它的data属性中通过它的视图模型访问到行的记录，因而可以在一个父网格中渲染的网格中执行诸如排序、过滤等操作。

对于将这个早期版本发布到社区，以及持续将Ext JS发展为构建复杂的、大数据的、跨平台的，适用于桌面、平板和智能手机的Web应用程序的最佳方式，我们感到很自豪！

Sencha Cmd 6.2

Sencha Cmd 6.2已经经历了几次改变以便支持上周发布的新的主题工具Sencha Themer。Sencha Themer会使用Cmd 6.2来导出主题变量到sass文件，并会将他们保存为自定义主题。CMD 6.2为Sencha Themer提供了一套强大的API来让用户直接应用主题变量的改变、还原改变，设置还可以保持自定义主题的改变。Sencha Cmd现在还具有导出动态变量作为CSS变量的能力。

Fashion（Sencha Cmd的类SASS主题编译器）现在还具有导出动态变量作为CSS变量的能力。这样，就有足够的能力将主题编译的生成时应用到只支持CSS变量的浏览器运行时。Fashion会将用于计算动态变量的逻辑导出为Javascript，以下是改变 $base-color 的逻辑，相当简单：

Fashion.css.setVariables({
    'base-color': 'red'
});

在早期访问版本，新的Material主题会导出它的动态变量。

反馈

为了让 ExtJS 6.2能够尽快发布, 我们需要您的反馈和帮忙,需要你帮忙使用ExtJS 6的这些新功能,并把问题反馈到ExtJS 6的论坛上.我们期待您的反馈!

作者: Gautam Agrawal
原文: https://www.sencha.com/blog/announcing-ext-js-6-2-early-access/

译者: 黄灯桥
译文: http://blog.csdn.net/tianxiaode/article/details/51676148