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

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

點(diǎn)擊下載WijmoJS正式版

前端開發(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ù)雜性。

除了上述功能，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)。

儀表盤的自定義能力增強(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的核心組件。

靈活易用的表單級(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)聽所有HTML輸入元素以及WijmoJS控件，如FlexGrid、組合框、InputDate和儀表盤。當(dāng)然，您也完全可以將它與FlexGrid 一起使用，但我們更建議您在整個(gè)應(yīng)用程序中嘗試此方法！

全新的分頁(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，用于在罕見的場(chǎng)景下優(yōu)化性能時(shí)使用。因為針對(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中的深度綁定。如果想要體驗(yàn)WijmoJS新版功能，請(qǐng)點(diǎn)擊此處免費(fèi)下載試用。

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

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