jQuery MiniUI,Ajax Web开发

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