原文:Announcing Ext JS 6.2 Early Access

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

Download Ext JS 6.2 EA
See Ext JS 6.2 EA Examples

所包含的东西

  • 所有新的日历组件

  • 可以在Ext JS应用程序中以数可视化形式使用D3.js的D3适配器

  • 针对现代工具包的新的符合Material Design的主题

  • 针对现代工具包的Pivot Grid组件

  • 视区捏拉缩放和原生滚动的集成

  • 即可用于现代工具包,又可用于经典工具包的几个网格增强功能

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

为什么选择Ext JS 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的早期访问版本的版本号。

Ext JS 6.2的新功能

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

日历组件

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

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

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

D3适配器

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

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

D3适配器

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

Material Design主题

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

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

Material Design主题

很希望听到有关你们在已有应用使用新的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,都具有这些功能。

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

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

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

网格的增强功能

与往常一样,Ext JS的网格功能正在不断的获得加强,因为这是开发人员最常用的组件,而我们收到了大量的改进请求。其中一个最突出的新功能是新的插件“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'
    });123123

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

反馈

We’re working hard to release Ext JS 6.2, and we need your help and feedback to make that happen. Try out the Early Access version, play with the Calendar component, use the D3 adapter in one of your apps, or any other new feature from 6.2, and report bugs, issues, or errors in the Ext JS 6 forums. We look forward to your feedback.

作者:Gautam Agrawal

Gautam Agrawal leads product management at Sencha. He is responsible for guiding new product strategies and roadmap initiatives across the Sencha product portfolio. Additionally, Gautam works with strategic partners to establish and develop new market opportunities. Prior to joining Sencha, he held various product and engineering positions at organizations developing SaaS and Business Intelligence applications. Gautam holds a PhD and MS from State University of NY (SUNY) at Buffalo.