前端 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。
閱讀有關可編輯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官網,下載試用。