WijmoJS前端開發(fā)工具包由多款靈活高效、零依賴、輕量級的純前端控件組成，如表格控件 FlexGrid、圖表控件FlexChart、數(shù)據(jù)分析OLAP等，完美支持原生JavaScript，以及Angular、React、Vue、TypeScript、Knockout和Ionic等框架，可用于企業(yè)快速構(gòu)建桌面、移動Web應(yīng)用程序。

在列舉前端開發(fā)工具包WijmoJS V2019.0 Update2的全部功能之前，請下載最新安裝程序，以便同步體驗！

點擊下載WijmoJS正式版

前端開發(fā)工具包WijmoJS V2019.0 Update2的主要新特性有：

• React框架下組件功能增強

• Vue框架下組件功能增強

• 儀表盤的自定義能力增強

• 新增模板字符串常量

• Undo/Redo（撤銷/重做）

• 全新的分頁控件

• FlexGrid中的多區(qū)域選擇

• FlexGrid中性能調(diào)優(yōu)API

• 全球化中更多語言支持

React框架下WijmoJS組件功能增強

React框架已經(jīng)大受歡迎，WijmoJS也一直在增強其在React框架下的各組件的功能。在新版本中，WijmoJS提供了一些不錯的方法來定義自定義模板，如在腳本中綁定具有Items標記的控件。

使用代碼，即可在WijmoJS中添加MenuItem和MenuSeparator組件。

而之所以這么做，是為了解決純javascript菜單控件不能通過JSX標記定義所帶來的不便之處。WijmoJS在與 React 框架深度結(jié)合后，在JSX標記中使用React組件及其屬性綁定將會更加方便，實現(xiàn)以聲明方式定義項目內(nèi)容。

通過WijmoJS，您可以使用組件的方式快速定義菜單項：在渲染函數(shù)的JSX標記中使用嵌套到其Menu部分的MenuItem組件，而不用在數(shù)組中定義項目，其中每個MenuItem可定義一個單獨的菜單項，其內(nèi)容具有任意復雜性。

除了上述功能，WijmoJS還添加了一個全新的wjItemTemplate“渲染道具”，下面我們會詳細介紹這些“道具”的功能：

• ListBox

• ComboBox

• MultiSelect

• 菜單

Vue框架下WijmoJS組件功能增強

與React框架下的功能類似，WijmoJS針對Vue框架的互操作也做了不少優(yōu)化。在新版本中，WijmoJS為Vue菜單項添加了wj-menu-item和wj-menu-separator組件。至此，向WijmoJS的菜單組件添加項的方法將不限于：將其綁定到菜單項數(shù)據(jù)數(shù)組，還可以使用聲明的方式添加Vue菜單項。

儀表盤的自定義能力增強

為了在WijmoJS的儀表盤中顯示更多細節(jié)，新版本添加了全新的屬性：Gauge.showTickText，該屬性可以用來顯示每個tickmark旁邊的文本標簽。

此外，WijmoJS 還使用新的 RadialGauge 屬性和方法，添加了對針型指針的支持：

• needleShape

• needleLength

• needleElement

• createNeedleElement

支持模板字符串常量

在新版本中，WijmoJS添加了一個新的i18n模板字符串函數(shù)。 模板字符串是ES2015/ES6中引入的一個非常棒的JavaScript功能，它們允許您使用插入值來構(gòu)建多行字符串，并使處理嵌入字符串中的單引號和雙引號變得更加容易。

在WijmoJS的新版本中，“模板字符串”也將作為WijmoJS的核心組件。

靈活易用的表單級Undo/Redo（撤銷/重做）

如今，幾乎所有優(yōu)秀的Web應(yīng)用程序都可以實現(xiàn)Undo/Redo（撤消和重做）操作。在新版本中，WijmoJS推出了一個更高效的解決方案：使用Undo/Redo類來管理應(yīng)用程序級別的操作歷史。

不同于HTML提供的基本的撤銷/重做功能，WijmoJS的撤消和重做更為靈活且易用——帶有UndoStack類的“撤銷”模塊。您可以使用UndoStack類為網(wǎng)頁或表單提供撤消/重做功能，UndoStack類將自動監(jiān)聽所有HTML輸入元素以及WijmoJS控件，如FlexGrid、組合框、InputDate和儀表盤。當然，您也完全可以將它與FlexGrid 一起使用，但我們更建議您在整個應(yīng)用程序中嘗試此方法！

全新的分頁控件

在新版本中，WijmoJS新增了一個CollectionViewNavigator控件，該控件可用于瀏覽CollectionView項目或頁面，它可以輕松地與WijmoJS的任何前端控件（如FlexGrid）一起使用，以提供簡單的數(shù)據(jù)分頁樣式。

FlexGrid中的多區(qū)域選擇

WijmoJS為FlexGrid提供了類似Excel的多范圍選擇功能，這項新功能允許用戶按住ctrl（或命令）在FlexGrid中同時選擇多個單元格范圍。

本次新增的功能是通過一個名為MultiRange的新SelectionMode來實現(xiàn)的，用戶通過添加一個selectedRanges屬性，即可獲取包含CellRange對象的數(shù)組，該對象包含當前選定的范圍。

FlexGrid中性能調(diào)優(yōu)API

WijmoJS添加了新的API，用于在罕見的場景下優(yōu)化性能時使用。因為針對的場景特殊，使用時請務(wù)必仔細閱讀文檔。

• 新的FlexGrid.refreshRange方法

• FlexGrid.lazyRender屬性

• FlexGrid.refreshOnEdit屬性

全球化中更多語言支持

WijmoJS一直在擴展其全球化組件，以幫助客戶構(gòu)建更完美的應(yīng)用程序。在新版本中，WijmoJS 將支持：

• Mongolian

• Vietnamese

• Swiss German

除此之外，WijmoJS還優(yōu)化了不少已有組件，如Resizable Popup或wijmo.format中的深度綁定。如果想要體驗WijmoJS新版功能，請點擊此處免費下載試用。

想要獲得 WijmoJS 更多資源或正版授權(quán)的伙伴，

掃描關(guān)注慧聚IT微信公眾號，及時獲取最新動態(tài)及最新資訊