前端 UI 組件庫WijmoJS 更新:專注於高效、可在 React Redux 中編輯 DataGrid

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

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

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

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

WijmoJS 最新版下載地址

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

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

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

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

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

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

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

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

閱讀有關可編輯React Redux DataGrid的更多信息

使用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 應用程序,如果您也對這款“前端開發工具包”感興趣,歡迎來WijmoJS官網,下載試用。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章