【翻譯】Ext JS 6.2 早期訪問版本發佈

原文：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許多常見的可視化功能已經封裝好了，這樣，就能夠很容易的在Ext JS中建立複製的可視化效果並沒有縫的集成到Ext JS應用程序中以增長用戶體驗。Ext JS的D3適配器可讓你建立出比以往任什麼時候候都多得多的獨特的、個性化的、動態的可視化效果。

Material Design主題

近年來，Google的Material Design語言做爲建立愉快的用戶體驗的工具已經變得愈來愈流行。該設計利用了急於網格的佈局，動畫和過分反應靈敏，填充和深度效果如燈光和陰影。

在Ext JS 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，都具備這些功能。

視區的捏拉縮放以及原生滾動

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.