轉帖|產品更新|編輯:王香|2019-05-09 16:20:33.000|閱讀 301 次
概述:前端開發工具包 WijmoJS 在2019年的第一個主要版本 2019V1 已經發布,本次發布包括了更加易用的在線 Demo 系統、各控件新增功能、NPM 包的改進,以及全新的瀏覽器 API 組件。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
WijmoJS是為企業應用程序開發而推出的一系列包含HTML5和JavaScript的開發控件。其中包含了金融圖表、FlexSheet、先進的JavaScript控件(Wijmo 5)和經典的jQuery小部件(Wijmo 3)。無論您的應用程序是移動應用還是必須要支持IE6,Wijmo Enterprise均能滿足您的需求。
前端開發工具包 WijmoJS 在2019年的第一個主要版本 2019V1 已經發布,本次發布包括了更加易用的在線 Demo 系統、各控件新增功能、NPM 包的改進,以及全新的瀏覽器 API 組件。
WijmoJS 前端開發工具包由多款靈活高效、零依賴、輕量級的純前端控件組成,如表格控件 FlexGrid、圖表控件 FlexChart、數據分析 OLAP 等,完美支持原生 JavaScript,以及 Angular、React、Vue、TypeScript、Knockout 和 Ionic 等框架,可用于企業快速構建桌面、移動 Web 應用程序。
在列舉前端開發工具包WijmoJS 2019V1的全部功能之前,請下載最新安裝程序,以便同步體驗!>>前端開發工具包 WijmoJS 2019V1 下載地址
前端開發工具包 WijmoJS 2019V1 的主要新特性有:
WijmoJS 在線 Demo 系統中包含了超過 500 種示例源碼、200 份文檔和統一易讀的產品 API 參考,且每一份源碼均使用原生 JavaScript(基于 ES6 模塊)、Angular(V2+)、Vue(V2+)、React 來實現,助您快速上手,開發無憂。
WijmoJS 希望用戶通過全新的在線 Demo 系統,輕松查詢需要使用的功能示例。您也可直接通過搜索功能,查看該示例不同框架下的源碼,并對代碼進行在線編輯。
希望 WijmoJS 的在線 Demo 系統,能讓您的開發變的更加輕松。同時,也歡迎您向 WijmoJS 的 Demo 系統推薦您認為有用的功能代碼,葡萄城技術團隊會將其添加到在線 Demo 系統中。
葡萄城技術團隊希望 WijmoJS 使用起來盡可能簡單。為了體現這一點,我們重新編寫了200多個全新的文檔指南,這些指南將在您的使用過程中給予幫助。同時,該文檔還提供全文搜索功能,您可快速找到需要查看的內容。
葡萄城技術團隊重新構建了 WijmoJS 的 API 參考,與在線 Demo 示例和文檔指南保持統一的樣式。
表格控件 FlexGrid 中新增錯誤提示(errorTip),用于在驗證錯誤時顯示提示信息。同時,用戶還可以針對此功能進行自定義擴展,或將其設置為空(null)。該功能的效果如下圖:
FlexGrid 中添加了一個名為 anchorCursor 的選項,其主要功能是提供與 Excel 高度類似的數據選擇器。
WijmoJS 重構并簡化了 FlexGrid 的 CSS 規則,這樣用戶自定義單元格背景就變得越來越簡單。此前,WijmoJS 的單元格 CSS 選擇器不能用單個類選擇器重寫。但在本次重構之后,您可以自定義一個類,以便更容易地設置單元格背景和文本的樣式。
請注意,為了使 wj-cell 類更弱、更易于樣式化,我們必須使其他一些類更強,如:wj-header和wj-alt。您可能需要調整 CSS 以使用組合類選擇器,如.wj-cell.wj-header
WijmoJS 進一步提高了 FlexGrid 的滾動性能,并擴展了單元格重新排序邏輯,以便在水平滾動和凍結單元格網格上工作。這是一個不起眼的變化,但對于那些 DOM 操作更耗時費力的舊瀏覽器來說,卻意味著高效和低耗。當然,它也使 FlexGrid 在現代瀏覽器中更快!
WijmoJS 在 OLAP 中添加了一個新的 PivotGrid.OutlineMode 屬性:在大綱視圖下,PivotGrid 以更緊湊的方式呈現行字段。對于具有大量行字段的視圖,該功能將十分受用。它類似于 Excel 在其數據透視表中提供的功能。
FlexChart 添加了兩個新功能,使用戶自定義變得更加容易:
此前,工具提示和數據點外觀直接作用于圖表的所有系列。如今,這些新的改進將為具有多個系列的圖表增加更多的靈活性和自定義設置。
WijmoJS 新版本包含了幾個全新的圖表:如區域面積圖。該圖表用于強調數量隨時間變化的程度,可用于引起人們對總值趨勢的注意。
使用方法:通過將圖表類型設置為“區域”,然后在序列綁定中設置最小值和最大值,就可以使用此圖表類型。
WijmoJS 允許通過使用同一數據源創建多個餅圖“系列”,即可以使用FlexPie在單個圖表中可視化更多數據。
使用方法:要創建多個餅圖系列,請在 FlexPie.binding 中指定幾個逗號分隔的屬性。
其他功能:NPM 包的改動、全新的瀏覽器 API
WijmoJS NPM包已移動到 @grapecity 作用域。這帶來了明顯的好處,如多個模塊格式,可大大簡化在自己的 NPM 服務器上托管 WijmoJS 使用。
以前,WijmoJS NPM 模塊存儲在單個“Wijmo” NPM 包中。現在,每個模塊都表示為@grapecity 作用域中的一個單獨的包,如 @grapecity/wijmo.input或@grapecity/wijmo.grid。
將應用程序切換為使用新的作用域包需要在應用程序代碼中進行一些修改,即更新“import”語句中的 WijmoJS 模塊名。
為了幫助用戶順利過渡,葡萄城技術團隊將在一定時間內繼續維護非作用域的“wijmo”包。因此,最新的 WijmoJS 版本將以作用域包和非作用域包的形式提供。但您應該盡快進行應用程序的更新,以便使用 @grapecity 范圍內的新包。
如果您想安裝所有文件(類似于 WijmoJS 包),可以選擇 @grapecity/wijmo.all。
在這個版本中,WijmoJS 使用一個名為 ResizedObserver 的新瀏覽器 API 來改進所有控件的布局呈現方式。此 API 允許用戶知曉何時該調整控件元素的大小或更改其可見性,以確保 Web 系統的布局樣式是否適應它們的容器。
購買Wijmo正版授權,請點擊“”喲!
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自: