前端開(kāi)發(fā)工具包 WijmoJS 在2019年的第二個(gè)主要版本 V2019.0 Update2 已經(jīng)發(fā)布，本次發(fā)布涵蓋了React 和 Vue 框架下 WijmoJS 前端組件的功能增強(qiáng)，并加入更為易用且靈活的撤消/重做功能和模板字符串支持。

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

在列舉前端開(kāi)發(fā)工具包 WijmoJS V2019.0 Update2 的全部功能之前，請(qǐng)下載最新安裝程序，以便同步體驗(yàn)！>>前端開(kāi)發(fā)工具包 WijmoJS 最新下載地址

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

• React 框架下組件功能增強(qiáng)
• Vue 框架下組件功能增強(qiáng)
• 儀表盤的自定義能力增強(qiáng)
• 新增模板字符串常量
• Undo / Redo（撤銷/重做）
• 全新的分頁(yè)控件
• FlexGrid 中的多區(qū)域選擇
• FlexGrid 中性能調(diào)優(yōu) API
• 全球化中更多語(yǔ)言支持

React 框架下 WijmoJS 組件功能增強(qiáng)

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

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

 

 

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

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

點(diǎn)擊此處，詳細(xì)了解《WijmoJS 中自定義 React 菜單和列表項(xiàng)模板》

除了上述功能，WijmoJS 還添加了一個(gè)全新的 wjItemTemplate '渲染道具'，下面我們會(huì)詳細(xì)介紹這些‘道具’的功能：

• ListBox
• ComboBox
• MultiSelect
• 菜單

Vue 框架下 WijmoJS 組件功能增強(qiáng)

與 React 框架下的功能類似，WijmoJS 針對(duì) Vue 框架的互操作也做了不少優(yōu)化。在新版本中，WijmoJS 為 Vue 菜單項(xiàng)添加了 wj-menu-item 和 wj-menu-separator 組件。

至此，向 WijmoJS 的菜單組件添加項(xiàng)的方法將不限于：將其綁定到菜單項(xiàng)數(shù)據(jù)數(shù)組，還可以使用聲明的方式添加 Vue 菜單項(xiàng)。

點(diǎn)擊此處，詳細(xì)了解《WijmoJS 以聲明方式添加 Vue 菜單項(xiàng) 》

儀表盤的自定義能力增強(qiáng)

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

 

 

 

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

• needleShape
• needleLength
• needleElement
• createNeedleElement

支持模板字符串常量

在新版本中，WijmoJS 添加了一個(gè)新的 i18n 模板字符串函數(shù)。

模板字符串是ES2015 / ES6中引入的一個(gè)非常棒的JavaScript功能，它們?cè)试S您使用插入值來(lái)構(gòu)建多行字符串，并使處理嵌入字符串中的單引號(hào)和雙引號(hào)變得更加容易。

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

點(diǎn)擊此處，詳細(xì)了解《WijmoJS 支持的模板字符串常量》

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

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

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

詳細(xì)了解《使用 WijmoJS 輕松實(shí)現(xiàn) Undo / Redo（撤消重做）》

全新的分頁(yè)控件

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

 

 

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

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

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

 

 

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

WijmoJS 添加了新的 API，用于在罕見(jiàn)的場(chǎng)景下優(yōu)化性能時(shí)使用。因?yàn)獒槍?duì)的場(chǎng)景特殊，使用時(shí)請(qǐng)務(wù)必仔細(xì)閱讀文檔。

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

全球化中更多語(yǔ)言支持

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

• Mongolian
• Vietnamese
• Swiss German

除此之外，WijmoJS 還更新并優(yōu)化了不少已有組件，如 Resizable Popup 或 wijmo.format 中的深度綁定。

關(guān)于WijmoJS 前端開(kāi)發(fā)工具包

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

標(biāo)簽： [db:TAGG]

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。