WijmoJS 2019V1正式發(fā)布：全新的在線 Demo 系統(tǒng)，助您快速上手，開(kāi)發(fā)無(wú)憂

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

WijmoJS前端開(kāi)發(fā)工具包由多款靈活高效、零依賴(lài)、輕量級(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的主要新特性有：

1. 全新的在線Demo系統(tǒng)

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

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

4. 圖表控件FlexChart 的新增功能

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

更加易用的在線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希望用戶(hù)通過(guò)全新的在線Demo系統(tǒng)，輕松查詢(xún)需要使用的功能示例。您也可直接通過(guò)搜索功能，查看該示例不同框架下的源碼，并對(duì)代碼進(jìn)行在線編輯。

表格控件 FlexGrid 的新增功能

錯(cuò)誤提示(errorTip)

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

該功能的效果如下圖：

使用單元格的“title”屬性時(shí)顯示驗(yàn)證錯(cuò)誤提示

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

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

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

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

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

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

進(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ì)于具有大量行字段的視圖，該功能將十分受用。它類(lèi)似于Excel在其數(shù)據(jù)透視表中提供的功能。>>查看在線 Demo 示例

大綱視圖

圖表控件 FlexChart 的新增功能

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

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

1. series.tooltipcontent 屬性，允許自定義特定系列的工具提示

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

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

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

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

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

區(qū)域面積圖表

FlexPie 多餅圖

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

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

FlexPies

其他功能：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包中?，F(xiàn)在，每個(gè)模塊都表示為@grapecity作用域中的一個(gè)單獨(dú)的包，如@grapecity/wijmo.input或@grapecity/wijmo.grid。

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

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

全新的瀏覽器API 組件 - ResizedObserver

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

以上就是前端開(kāi)發(fā)工具包 WijmoJS 2019V1的全部?jī)?nèi)容。

關(guān)于葡萄城

賦能開(kāi)發(fā)者!葡萄城集團(tuán)成立于 1980 年，是全球領(lǐng)先的集開(kāi)發(fā)工具、商業(yè)智能解決方案、管理系統(tǒng)設(shè)計(jì)工具于一身的軟件和服務(wù)提供商。西安葡萄城是其在中國(guó)的分支機(jī)構(gòu)，面向全球市場(chǎng)提供軟件研發(fā)服務(wù)，并為中國(guó)企業(yè)的信息化提供國(guó)際先進(jìn)的開(kāi)發(fā)工具、軟件和研發(fā)咨詢(xún)服務(wù)。葡萄城的控件和軟件產(chǎn)品在國(guó)內(nèi)外屢獲殊榮，在全球被數(shù)十萬(wàn)家企業(yè)、學(xué)校和政府機(jī)構(gòu)廣泛應(yīng)用。

生成海報(bào)

免責(zé)聲明：本網(wǎng)站內(nèi)容主要來(lái)自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿，凡在本網(wǎng)站出現(xiàn)的信息，均僅供參考。本網(wǎng)站將盡力確保所提供信息的準(zhǔn)確性及可靠性，但不保證有關(guān)資料的準(zhǔn)確性及可靠性，讀者在使用前請(qǐng)進(jìn)一步核實(shí)，并對(duì)任何自主決定的行為負(fù)責(zé)。本網(wǎng)站對(duì)有關(guān)資料所引致的錯(cuò)誤、不確或遺漏，概不負(fù)任何法律責(zé)任。任何單位或個(gè)人認(rèn)為本網(wǎng)站中的網(wǎng)頁(yè)或鏈接內(nèi)容可能涉嫌侵犯其知識(shí)產(chǎn)權(quán)或存在不實(shí)內(nèi)容時(shí)，應(yīng)及時(shí)向本網(wǎng)站提出書(shū)面權(quán)利通知或不實(shí)情況說(shuō)明，并提供身份證明、權(quán)屬證明及詳細(xì)侵權(quán)或不實(shí)情況證明。本網(wǎng)站在收到上述法律文件后，將會(huì)依法盡快聯(lián)系相關(guān)文章源頭核實(shí)，溝通刪除相關(guān)內(nèi)容或斷開(kāi)相關(guān)鏈接。