WijmoJS V2019.0 Update2發佈：再度加強 React 和 Vue 框架的組件功能

 

前端開發工具包 WijmoJS 在2019年的第二個主要版本 V2019.0 Update2 已經發布，本次發佈涵蓋了React 和 Vue 框架下 WijmoJS 前端組件的功能加強，並加入更爲易用且靈活的撤消/重作功能和模板字符串支持。

 

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

 

在列舉前端開發工具包 WijmoJS V2019.0 Update2 的所有功能以前，請下載最新安裝程序，以便同步體驗！>>前端開發工具包 WijmoJS 最新下載地址

 

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

• React 框架下組件功能加強
• Vue 框架下組件功能加強
• 儀表盤的自定義能力加強
• 新增模板字符串常量
• Undo / Redo（撤銷/重作）
• 全新的分頁控件
• FlexGrid 中的多區域選擇
• FlexGrid 中性能調優 API
• 全球化中更多語言支持

 

React 框架下 WijmoJS 組件功能加強

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

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

 

 

 

而之因此這麼作，是爲了解決純javascript菜單控件不能經過JSX標記定義所帶來的不便之處。WijmoJS在與 React 框架深度結合後，在 JSX 標記中使用 React 組件及其屬性綁定將會更加方便，實現以聲明方式定義項目內容。

經過WijmoJS，您可使用組件的方式快速定義菜單項：在渲染函數的JSX標記中使用嵌套到其Menu部分的MenuItem組件，而不用在數組中定義項目，其中每一個MenuItem可定義一個單獨的菜單項，其內容具備任意複雜性。

 

點擊此處，詳細瞭解《WijmoJS 中自定義 React 菜單和列表項模板》

 

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

• ListBox
• ComboBox
• MultiSelect
• 菜單

 

Vue 框架下 WijmoJS 組件功能加強

與 React 框架下的功能相似，WijmoJS 針對 Vue 框架的互操做也作了很多優化。在新版本中，WijmoJS 爲 Vue 菜單項添加了 wj-menu-item 和 wj-menu-separator 組件。

至此，向 WijmoJS 的菜單組件添加項的方法將不限於：將其綁定到菜單項數據數組，還可使用聲明的方式添加 Vue 菜單項。

點擊此處，詳細瞭解《WijmoJS 以聲明方式添加 Vue 菜單項 》

 

儀表盤的自定義能力加強

爲了在 WijmoJS 的儀表盤中顯示更多細節，新版本添加了全新的屬性：Gauge.showTickText，該屬性能夠用來顯示每一個 tickmark 旁邊的文本標籤。

 

 

 

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

• needleShape
• needleLength
• needleElement
• createNeedleElement

 

支持模板字符串常量

在新版本中，WijmoJS 添加了一個新的 i18n 模板字符串函數。

模板字符串是ES2015 / ES6中引入的一個很是棒的JavaScript功能，它們容許您使用插入值來構建多行字符串，並使處理嵌入字符串中的單引號和雙引號變得更加容易。

在WijmoJS的新版本中，「模板字符串」也將做爲WijmoJS的核心組件。

點擊此處，詳細瞭解《WijmoJS 支持的模板字符串常量》

 

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

現在，幾乎全部優秀的 Web 應用程序均可以實現 Undo / Redo（撤消和重作）操做。在新版本中，WijmoJS 推出了一個更高效的解決方案：使用 Undo / Redo 類來管理應用程序級別的操做歷史。

不一樣於HTML提供的基本的撤銷/重作功能，WijmoJS的撤消和重作更爲靈活且易用——帶有UndoStack類的「撤銷」模塊。您可使用UndoStack類爲網頁或表單提供撤消/重作功能，UndoStack類將自動監聽全部HTML輸入元素以及WijmoJS控件，如FlexGrid、組合框、InputDate和儀表盤。固然，您也徹底能夠將它與 FlexGrid 一塊兒使用，但咱們更建議您在整個應用程序中嘗試此方法！

詳細瞭解《使用 WijmoJS 輕鬆實現 Undo / Redo（撤消重作）》

 

全新的分頁控件

在新版本中，WijmoJS 新增了一個CollectionViewNavigator 控件，該控件可用於瀏覽 CollectionView 項目或頁面，它能夠輕鬆地與 WijmoJS 的任何前端控件（如 FlexGrid）一塊兒使用，以提供簡單的數據分頁樣式。

 

 

 

 

FlexGrid 中的多區域選擇

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

本次新增的功能是經過一個名爲 MultiRange 的新 SelectionMode 來實現的，用戶經過添加一個 selectedRanges 屬性，便可獲取包含 CellRange 對象的數組，該對象包含當前選定的範圍。

 

 

 

 

FlexGrid 中性能調優 API

WijmoJS 添加了新的 API，用於在罕見的場景下優化性能時使用。由於針對的場景特殊，使用時請務必仔細閱讀文檔。

• 新的FlexGrid.refreshRange方法
• FlexGrid.lazyRender屬性
• FlexGrid.refreshOnEdit屬性

 

全球化中更多語言支持

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

• Mongolian
• Vietnamese
• Swiss German

 

除此以外，WijmoJS 還更新並優化了很多已有組件，如 Resizable Popup 或 wijmo.format 中的深度綁定。您可前往WijmoJS 產品官網，瞭解更多新特性內容。

如需體驗 WijmoJS 新版功能，請點擊此處，免費下載試用。同時，也歡迎加入葡萄城前端技術交流羣：720389894（QQ羣），與更多前端開發者交流產品使用心得、分享成功案例。

 

關於WijmoJS 前端開發工具包

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