前端開發工具包 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的核心組件。
靈活易用的表單級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 應用程序。