前端UI組件庫WijmoJS更新:更高效,可在React Redux編輯DataGrid

前端 UI 組件庫WijmoJS V2020.0 Update1 正式發佈!

這一版本將更加體現出 WijmoJS 的小巧、靈活和高效。我們將 WijmoJS 的組件和功能模塊化,減少了應用程序加載時所需的時間。同時,我們還優化了數據渲染引擎(通常使用虛擬化),因此無論您的數據集有多大,我們的組件都可以實現高效加載。

為了響應用戶需求,WijmoJS 的新版本加入許多在構建 Web應用程序時會用到的功能,除了可在React Redux 應用程序中編輯DataGrid外,還有針對FlexGrid和FlexChart的增強功能。

在列舉 WijmoJS的全部新特性之前,請下載最新安裝程序,以便同步體驗!


為React框架提供的新功能:可編輯的React Redux DataGrid

FlexGrid為React Redux應用中的可編輯數據網格提供了一個企業級解決方案!

通常情況下,使用FlexGrid的用戶會通過網格來更新基礎數據數組。然而,這種方法不適用於需要數據不變性的狀態管理系統(例如Redux)。

現在,這個問題可以通過使用ImmutabilityProvider擴展組件來解決。

引入FlexGrid,綁定到Redux Store的數據數組後,您可以通過以下方式更改網格行為:

· 允許用戶以常規方式(更改項目值、添加/刪除行、粘貼和文本)編輯網格數據。

· 允許所有的數據轉換操作,包括排序、分組和過濾。

· 防止網格因應用戶編輯而發生的變異。相反,它會觸發dataChanged事件,該事件可用於將數據更改操作調度到Redux Store。


使用OpenFin和JavaScript組件,構建股票投資組合APP

WijmoJS的股票投資組合 APP 是一個Demo,演示了OpenFin應用程序中WijmoJS組件的用法。

股票投資組合APP包含幾個窗口,每個窗口都使用了不同的Web框架(包含React、Angular和Web組件)。 OpenFin的新Platform API允許用戶在所需的工作區中排列和自定義窗口。


產品安全性增強

隨著越來越多的應用程序使用JavaScript 腳本,客戶端的安全性變得至關重要。

內容安全策略(CSP)作為一層額外保護,有助於提前發現並緩解某些類型的攻擊,如跨站點腳本(XSS)和數據注入攻擊。

WijmoJS的最新版本完全符合CSP策略,並且,不需要您在CSP中添加" unsafe-inline"或" unsafe-eval",也不需要" nonce"或哈希。


針對 FlexGrid 組件的更新

· FlexGrid中實現易於點擊的複選框

· FlexGrid 列選擇、多範圍複製和粘貼

· Checkbox Selector Column for FlexGrid (複選框選擇器列)

· Improved Resizing for Hidden Columns and Rows in FlexGrid(改進隱藏行列的大小調整)

· RadioButton and AutoComplete DataMap Editors for FlexGrid(新增對RadioButton和AutoComplete DataMap的原生支持)

· Improved Validation Behavior in FlexGrid(改進了數據驗證行為)

· Expanded Column Pinning Options in FlexGrid(擴展了pinning固定選項)

· FlexGrid Button Columns with CellMaker(使用CellMaker實現按鈕列)

· FlexGrid Hyperlink Columns with CellMaker(使用CellMaker實現超鏈接列)

· FlexGrid Image Columns with CellMaker(使用CellMaker實現圖片列)

· FlexGrid Star Rating Column with CellMaker(使用CellMaker實現星級評分列)

· FlexGrid Sparkline Columns with CellMaker(使用CellMaker實現Sparkline列)

· Excel Export Progress Indicator for FlexGrid(FlexGrid導出Excel進度條)

· PDF Export Progress Indicator for FlexGrid(FlexGrid導出PDF進度條)


針對 FlexChart 組件的更新

· Plot Revenue Over Expenses with BreakEven Chart for JavaScript Apps(可使用BreakEven Chart為JavaScript應用程序繪製支出收益表)


針對 Input 組件的更新

· Easily Filter Long MultiSelect Lists(多選過濾器)

· More Options for Triggering Popups(為彈出式觸發器新增更多選項)


其它新特性:

· Batch Updates in OdataCollectionView(ODataCollectionView批量更新)


以上就是前端 UI 組件庫 WijmoJS V2020.0 Update1 的全部新特性內容,作為一款基於 HTML5 的前端開發工具包,WijmoJS 由 80 多種靈活、高效、跨平臺、零依賴的 JavaScript UI 組件構成,完美兼容原生 JavaScript,以及 Angular、React、Vue、TypeScript、Knockout 和 Ionic 等框架,可助力企業以最快的速度開發並構建出一套成熟的 Web 應用程序,如果您也對這款"前端開發工具包"感興趣,歡迎點擊文末,瞭解更多。

關於葡萄城

賦能開發者!葡萄城公司成立於 1980 年,是全球領先的集開發工具、商業智能解決方案、低代碼開發平臺於一身的軟件和服務提供商。西安葡萄城是其在中國的分支機構,面向全球市場提供軟件研發服務,併為中國企業的信息化提供國際先進的開發工具、軟件和研發諮詢服務。葡萄城的控件和軟件產品在國內外屢獲殊榮,在全球被數十萬家企業、學校和政府機構廣泛應用。


分享到:


相關文章: