下載WijmoJS 2019 v1

WijmoJS是為企業(yè)應(yīng)用程序開(kāi)發(fā)而推出的一系列包含HTML5和JavaScript的開(kāi)發(fā)控件。其中包含了金融圖表、FlexSheet、先進(jìn)的JavaScript控件（Wijmo 5）和經(jīng)典的jQuery小部件（Wijmo 3）。無(wú)論您的應(yīng)用程序是移動(dòng)應(yīng)用還是必須要支持IE6，Wijmo Enterprise均能滿足您的需求。

前端開(kāi)發(fā)工具包 WijmoJS 在2019年的第一個(gè)主要版本 2019V1 已經(jīng)發(fā)布，本次發(fā)布包括了更加易用的在線 Demo 系統(tǒng)、各控件新增功能、NPM 包的改進(jìn)，以及全新的瀏覽器 API 組件。

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 2019V1的全部功能之前，請(qǐng)下載最新安裝程序，以便同步體驗(yàn)！>>前端開(kāi)發(fā)工具包 WijmoJS 2019V1 下載地址

前端開(kāi)發(fā)工具包 WijmoJS 2019V1 的主要新特性有：

No.1 更加易用的在線 Demo 系統(tǒng)：包含示例源碼、參考文檔和 API

WijmoJS 在線 Demo 系統(tǒng)中包含了超過(guò) 500 種示例源碼、200 份文檔和統(tǒng)一易讀的產(chǎn)品 API 參考，且每一份源碼均使用原生 JavaScript（基于 ES6 模塊）、Angular（V2+）、Vue（V2+）、React 來(lái)實(shí)現(xiàn)，助您快速上手，開(kāi)發(fā)無(wú)憂。

WijmoJS 希望用戶通過(guò)全新的在線 Demo 系統(tǒng)，輕松查詢需要使用的功能示例。您也可直接通過(guò)搜索功能，查看該示例不同框架下的源碼，并對(duì)代碼進(jìn)行在線編輯。

希望 WijmoJS 的在線 Demo 系統(tǒng)，能讓您的開(kāi)發(fā)變的更加輕松。同時(shí)，也歡迎您向 WijmoJS 的 Demo 系統(tǒng)推薦您認(rèn)為有用的功能代碼，葡萄城技術(shù)團(tuán)隊(duì)會(huì)將其添加到在線 Demo 系統(tǒng)中。

葡萄城技術(shù)團(tuán)隊(duì)希望 WijmoJS 使用起來(lái)盡可能簡(jiǎn)單。為了體現(xiàn)這一點(diǎn)，我們重新編寫了200多個(gè)全新的文檔指南，這些指南將在您的使用過(guò)程中給予幫助。同時(shí)，該文檔還提供全文搜索功能，您可快速找到需要查看的內(nèi)容。

葡萄城技術(shù)團(tuán)隊(duì)重新構(gòu)建了 WijmoJS 的 API 參考，與在線 Demo 示例和文檔指南保持統(tǒng)一的樣式。

No.2 表格控件 FlexGrid 的新增功能

錯(cuò)誤提示（errorTip）

表格控件 FlexGrid 中新增錯(cuò)誤提示（errorTip），用于在驗(yàn)證錯(cuò)誤時(shí)顯示提示信息。同時(shí)，用戶還可以針對(duì)此功能進(jìn)行自定義擴(kuò)展，或?qū)⑵湓O(shè)置為空（null）。該功能的效果如下圖：

與 Excel 高度類似的數(shù)據(jù)選擇器

FlexGrid 中添加了一個(gè)名為 anchorCursor 的選項(xiàng)，其主要功能是提供與 Excel 高度類似的數(shù)據(jù)選擇器。

重構(gòu)并簡(jiǎn)化了 FlexGrid 的 CSS 規(guī)則

WijmoJS 重構(gòu)并簡(jiǎn)化了 FlexGrid 的 CSS 規(guī)則，這樣用戶自定義單元格背景就變得越來(lái)越簡(jiǎn)單。此前，WijmoJS 的單元格 CSS 選擇器不能用單個(gè)類選擇器重寫。但在本次重構(gòu)之后，您可以自定義一個(gè)類，以便更容易地設(shè)置單元格背景和文本的樣式。

請(qǐng)注意，為了使 wj-cell 類更弱、更易于樣式化，我們必須使其他一些類更強(qiáng)，如：wj-header和wj-alt。您可能需要調(diào)整 CSS 以使用組合類選擇器，如.wj-cell.wj-header

進(jìn)一步提升了 FlexGrid 的滾動(dòng)性能

WijmoJS 進(jìn)一步提高了 FlexGrid 的滾動(dòng)性能，并擴(kuò)展了單元格重新排序邏輯，以便在水平滾動(dòng)和凍結(jié)單元格網(wǎng)格上工作。這是一個(gè)不起眼的變化，但對(duì)于那些 DOM 操作更耗時(shí)費(fèi)力的舊瀏覽器來(lái)說(shuō)，卻意味著高效和低耗。當(dāng)然，它也使 FlexGrid 在現(xiàn)代瀏覽器中更快！

數(shù)據(jù)分析 OLAP 的新增功能

大綱視圖

WijmoJS 在 OLAP 中添加了一個(gè)新的 PivotGrid.OutlineMode 屬性：在大綱視圖下，PivotGrid 以更緊湊的方式呈現(xiàn)行字段。對(duì)于具有大量行字段的視圖，該功能將十分受用。它類似于 Excel 在其數(shù)據(jù)透視表中提供的功能。

圖表控件 FlexChart 的新增功能

新增用戶自定義支持：工具提示、數(shù)據(jù)點(diǎn)外觀

FlexChart 添加了兩個(gè)新功能，使用戶自定義變得更加容易：

• series.tooltipcontent 屬性，允許自定義特定系列的工具提示
• series.itemFormatter屬性，允許自定義特定系列中數(shù)據(jù)點(diǎn)的外觀

此前，工具提示和數(shù)據(jù)點(diǎn)外觀直接作用于圖表的所有系列。如今，這些新的改進(jìn)將為具有多個(gè)系列的圖表增加更多的靈活性和自定義設(shè)置。

FlexChart 中新增區(qū)域面積圖表

WijmoJS 新版本包含了幾個(gè)全新的圖表：如區(qū)域面積圖。該圖表用于強(qiáng)調(diào)數(shù)量隨時(shí)間變化的程度，可用于引起人們對(duì)總值趨勢(shì)的注意。

使用方法：通過(guò)將圖表類型設(shè)置為“區(qū)域”，然后在序列綁定中設(shè)置最小值和最大值，就可以使用此圖表類型。

FlexPie 多餅圖

WijmoJS 允許通過(guò)使用同一數(shù)據(jù)源創(chuàng)建多個(gè)餅圖“系列”，即可以使用FlexPie在單個(gè)圖表中可視化更多數(shù)據(jù)。

使用方法：要?jiǎng)?chuàng)建多個(gè)餅圖系列，請(qǐng)?jiān)?FlexPie.binding 中指定幾個(gè)逗號(hào)分隔的屬性。

其他功能：NPM 包的改動(dòng)、全新的瀏覽器 API

NPM 包的改動(dòng)

WijmoJS NPM包已移動(dòng)到 @grapecity 作用域。這帶來(lái)了明顯的好處，如多個(gè)模塊格式，可大大簡(jiǎn)化在自己的 NPM 服務(wù)器上托管 WijmoJS 使用。

以前，WijmoJS NPM 模塊存儲(chǔ)在單個(gè)“Wijmo” NPM 包中。現(xiàn)在，每個(gè)模塊都表示為@grapecity 作用域中的一個(gè)單獨(dú)的包，如 @grapecity/wijmo.input或@grapecity/wijmo.grid。

將應(yīng)用程序切換為使用新的作用域包需要在應(yīng)用程序代碼中進(jìn)行一些修改，即更新“import”語(yǔ)句中的 WijmoJS 模塊名。

為了幫助用戶順利過(guò)渡，葡萄城技術(shù)團(tuán)隊(duì)將在一定時(shí)間內(nèi)繼續(xù)維護(hù)非作用域的“wijmo”包。因此，最新的 WijmoJS 版本將以作用域包和非作用域包的形式提供。但您應(yīng)該盡快進(jìn)行應(yīng)用程序的更新，以便使用 @grapecity 范圍內(nèi)的新包。

如果您想安裝所有文件（類似于 WijmoJS 包），可以選擇 @grapecity/wijmo.all。

全新的瀏覽器 API 組件 - ResizedObserver

在這個(gè)版本中，WijmoJS 使用一個(gè)名為 ResizedObserver 的新瀏覽器 API 來(lái)改進(jìn)所有控件的布局呈現(xiàn)方式。此 API 允許用戶知曉何時(shí)該調(diào)整控件元素的大小或更改其可見(jiàn)性，以確保 Web 系統(tǒng)的布局樣式是否適應(yīng)它們的容器。

購(gòu)買Wijmo正版授權(quán)，請(qǐng)點(diǎn)擊“”喲！