【翻譯】Ext JS 6.2 早期訪問版本發(fā)布

原文：Announcing Ext JS 6.2 Early Access

非常開心，Sencha Ext JS 6.2早期訪問版本今天發(fā)布了。早期訪問版本的主要目的是為了讓大家進行測試并評估Ext JS6.2的工作進度，這對于發(fā)布更好的Ext JS版本會有相當大的幫助。

Download Ext JS 6.2 EA
See Ext JS 6.2 EA Examples

所包含的東西

• 所有新的日歷組件

• 可以在Ext JS應(yīng)用程序中以數(shù)可視化形式使用D3.js的D3適配器

• 針對現(xiàn)代工具包的新的符合Material Design的主題

• 針對現(xiàn)代工具包的Pivot Grid組件

• 視區(qū)捏拉縮放和原生滾動的集成

• 即可用于現(xiàn)代工具包，又可用于經(jīng)典工具包的幾個網(wǎng)格增強功能

要了解更多，請注冊即將推出的網(wǎng)絡(luò)研討會。

為什么選擇Ext JS 6.2，而不是6.1

隨著每一個主要的Ext JS版本發(fā)布，都會更新Sencha Cmd和以便更方便更快的去開發(fā)Ext JS應(yīng)用程序。Sencha Cmd已經(jīng)成為其他Sencha工具，入IDE插件、Inspector、Architect和剛推出的Sencha Tehme的基礎(chǔ)功能。在Sencha Cmd過去發(fā)布的幾個版本與工具，都是與框架的版本同步推出的，因此，Ext JS的版本號就同步了為了推廣Sencha Themer早期訪問版本而發(fā)布的Sencha Cmd 6.2的早期訪問版本的版本號。

Ext JS 6.2的新功能

Ext JS 6.2早期訪問版本提供了許多新功能，這對于開發(fā)強大的、大數(shù)據(jù)的、跨平臺的Web應(yīng)用程序相當有用。以下是一些最令人興奮的功能：

日歷組件

Ext JS 6.2增加一些全新的日歷組件，以便框架能夠輕松的查看和管理日程表、日歷和事件。

考慮到組件自身的復(fù)雜性，以及用戶愿意看到的可視范圍（日、周、月等等）情況，在Web應(yīng)用程序中構(gòu)建日歷是一個非常艱巨的任務(wù)。Ext JS日歷組件為用戶提供了縮放不同時段的靈活性，這樣就可以在適當?shù)膶蛹壷锌吹皆敿毿畔?。對于分布于不同地理位置的用戶，日期組件還提供了 timezone（時區(qū)）配置項。除了要處理不同的事件外，用戶有時候還需要兼顧多種類型的日歷活動，入工作、個人或團隊的日歷。日歷組件可以很輕易的將 他們整合成一個單一的視圖。日歷組件的事件列表來自于Ext JS存儲（Store），這樣就可以從諸如Google等外部提供者中導(dǎo)入數(shù)據(jù)。

通過這個組件，就可以在應(yīng)用程序中輕松的添加一個功能完整的日歷，而不需要花費太多的時間和精力。

D3適配器

Ext JS非常適合構(gòu)建功能強大的、大數(shù)據(jù)量的、跨平臺的Web應(yīng)用程序，而數(shù)據(jù)可視化是這些應(yīng)用程序的關(guān)鍵。Ext JS早就有了用量進行數(shù)據(jù)匯總并展示給用戶的組件。這些組件包括基于表格表示法的網(wǎng)格和Pivot Grid組件，以及Sencha圖表庫用來簡明的展示圖形數(shù)據(jù)。

在Ext JS 6.2，已經(jīng)集成了著名俗稱D3的的數(shù)據(jù)驅(qū)動文檔包，這樣，用戶就可以很生動的去展示他們的數(shù)據(jù)，讓人們理解這些數(shù)據(jù)。作為一個輕量級的、非常靈活和流行的javascript庫，D3非常適合Ext JS應(yīng)用程序。

D3許多常見的可視化功能已經(jīng)封裝好了，這樣，就可以很容易的在Ext JS中創(chuàng)建復(fù)制的可視化效果并無縫的集成到Ext JS應(yīng)用程序中以增加用戶體驗。Ext JS的D3適配器可以讓你創(chuàng)建出比以往任何時候都多得多的獨特的、個性化的、動態(tài)的可視化效果。

Material Design主題

近年來，Google的Material Design語言作為創(chuàng)建愉快的用戶體驗的工具已經(jīng)變得越來越流行。該設(shè)計利用了急于網(wǎng)格的布局，動畫和過度反應(yīng)靈敏，填充和深度效果如燈光和陰影。

在Ext JS 6.2，已經(jīng)推出了基于現(xiàn)代工具包的新的“Material”主題（最需要的功能），在工具包中的每一個單一的UI組件都實現(xiàn)了符合Material Design 規(guī)范的主題，這樣，就不需要再從頭到尾的去創(chuàng)建Material主題了，因為他已經(jīng)是現(xiàn)成的了。

很希望聽到有關(guān)你們在已有應(yīng)用使用新的Material主題或使用Material主題創(chuàng)建新的Ext JS應(yīng)用程序的意見，以便改進體驗。

現(xiàn)代Pivot Grid

自從在Ext JS 6推出了Pivot Grid（經(jīng)典工具包組件），一些使用現(xiàn)代工具包來創(chuàng)建應(yīng)用程序的客戶發(fā)送了現(xiàn)代Pivot Grid的請求。在Ext JS 6.2，已經(jīng)在現(xiàn)代工具包添加了與經(jīng)典工具包中功能相同的Pivot Grid?，F(xiàn)代Pivot Grid配備了不同的布局是樣式元素，再加上明細狀態(tài)的不同插件、拖拽和拖放功能、范圍編輯、導(dǎo)出等所有這些功能都針對觸摸設(shè)備做了優(yōu)化。

在Pivot Grid中，還加強了它的導(dǎo)出插件，包括CSV、TSV和HTML等格式，還具有選擇或配置網(wǎng)格導(dǎo)出列的功能，無論是可視列還是不可視列（隱藏列）都可以 進行選擇或配置。導(dǎo)出插件現(xiàn)在還允許給導(dǎo)出文檔中的列定義樣式，無論經(jīng)典工具包，還是現(xiàn)代工具包，無論是網(wǎng)格，還是Pivot Grid，都具有這些功能。

視區(qū)的捏拉縮放以及原生滾動

Ext JS 5和6都提供了一個虛擬的滾動條用來支持較老的移動端瀏覽器，這意味著框架將不支持捏拉縮放，這是因為捏拉縮放使用了觸碰事件流，而這會對虛擬滾動條造成依賴干擾。

在Ext JS 6.2，動量滾動現(xiàn)在所有移動端瀏覽器的原生滾動，且對所有設(shè)備和瀏覽器都使用了原生滾動條。這樣，框架就可以在所有的觸屏設(shè)備上實現(xiàn)捏拉縮放了。

網(wǎng)格的增強功能

與往常一樣，Ext JS的網(wǎng)格功能正在不斷的獲得加強，因為這是開發(fā)人員最常用的組件，而我們收到了大量的改進請求。其中一個最突出的新功能是新的插件“RowWidget plugin”，該插件允許其他組件被渲染到網(wǎng)格的行主體區(qū)域，這樣就可以在網(wǎng)格內(nèi)部使用任何組件，甚至是一個網(wǎng)格。

使用RowWidget插件渲染的組件可以在它的data屬性中通過它的視圖模型訪問到行的記錄，因而可以在一個父網(wǎng)格中渲染的網(wǎng)格中執(zhí)行諸如排序、過濾等操作。

對于將這個早期版本發(fā)布到社區(qū)，以及持續(xù)將Ext JS發(fā)展為構(gòu)建復(fù)雜的、大數(shù)據(jù)的、跨平臺的，適用于桌面、平板和智能手機的Web應(yīng)用程序的最佳方式，我們感到很自豪！

Sencha Cmd 6.2

Sencha Cmd 6.2已經(jīng)經(jīng)歷了幾次改變以便支持上周發(fā)布的新的主題工具Sencha Themer。Sencha Themer會使用Cmd 6.2來導(dǎo)出主題變量到sass文件，并會將他們保存為自定義主題。CMD 6.2為Sencha Themer提供了一套強大的API來讓用戶直接應(yīng)用主題變量的改變、還原改變，設(shè)置還可以保持自定義主題的改變。Sencha Cmd現(xiàn)在還具有導(dǎo)出動態(tài)變量作為CSS變量的能力。

Fashion（Sencha Cmd的類SASS主題編譯器）現(xiàn)在還具有導(dǎo)出動態(tài)變量作為CSS變量的能力。這樣，就有足夠的能力將主題編譯的生成時應(yīng)用到只支持CSS變量的瀏覽器運 行時。Fashion會將用于計算動態(tài)變量的邏輯導(dǎo)出為Javascript，以下是改變 $base-color 的邏輯，相當簡單：

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

在早期訪問版本，新的Material主題會導(dǎo)出它的動態(tài)變量。

反饋

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.