前端開發工具包 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 產品官網了解更多功能特性:https://www.grapecity.com.cn/developer/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 應用程序。