在本文中我們將介紹今年即將發佈的v24.1附帶的主要特性,這些特性既適用於DevExtreme JavaScript (Angular、React、Vue、jQuery),也適用於基於DevExtreme的ASP.NET MVC/Core控件。
注意:本文中列出的功能和特性說明官方當前/預計的發展計劃,此信息僅供參考之用,其中列出的功能/產品可能會更改。
全新的Splitter(分隔器)組件
下一個主要更新(v24.1)將包括一個新的Splitter UI組件,該組件可用於在其各個窗格(水平和垂直)中合併各種UI控件。
DevExtreme Splitter控件將附帶許多功能,包括:
- 通過拖動分隔(分隔符)條調整窗格大小的功能。
- 創建嵌套水平和垂直窗格的高級視圖。
- 設置窗格大小限制的選項。
- 摺疊和展開窗格的功能。
- 支持鍵盤導航。
此外,JavaScript Splitter將包括一套全面的自定義選項。
支持Angular HttpClientModule
大多數前端應用程序依賴HTTP協議來下載/上傳數據,並利用額外的後端服務。
DevExtreme附帶了一個數據層——一組互補的組件,允許您根據需要讀取和寫入數據。目前這些組件依賴於Ajax請求來進行服務器通信,而這並不是Angular的原生請求,Angular爲Angular應用提供了一個名爲HttpClientModule的客戶端HTTP API。
在v24.1中期望在所有Angular數據層組件中從使用Ajax請求過渡到使用HttpClientModule,所有請求都將通過HttpClientModule路由。
Shadow DOM支持(CTP)
Shadow DOM 是三種Web組件規範當中的一個,由HTML模板和自定義元素補充。Shadow DOM允許您將DOM子樹附加到元素上,並對頁面中運行的JavaScript和CSS隱藏該樹的內部結構。因此,Shadow DOM有助於構建可伸縮的、無衝突的web應用程序,使開發複雜的、基於組件的web接口變得更容易。
在即將到來的主要更新中,您可以在Shadow DOM中使用DevExtreme組件,該功能將作爲Angular、Vue和React的社區技術預覽版(CTP)提供。
內容安全策略(CSP)
在v23.1發佈週期中發佈了內容安全策略(CSP)支持,在v24.1中將擴展CSP集成並添加對JavaScript HTMLEditor的支持。
可訪問性
在增強可訪問性支持的持續努力中,v24.1將解決DevExtreme UI組件的一系列與可訪問性相關的問題。主要重點是解決自願產品可訪問性模板(VPAT)文檔中概述的限制,我們將繼續在文檔中添加必要的部分,並詳細說明各個UI組件的特定可訪問性支持。
UI/UX和API增強
DropDownButton — 自定義按鈕模板
新版本會新增功能來取代使用自定義內容的基礎DropDownButton按鈕,這個功能將通過模板機制實現。
Menu/ContextMenu — 項目滾動
新版本將介紹允許用戶輕鬆地滾動一大組Menu或ContextMenu子菜單項的功能。
表單 — 分組標題自定義內容
這個功能將允許用戶在Form組件中自定義GroupItem標題,爲其分配用戶選擇的內容,這個功能將通過模板機制實現。
HtmlEditor — 支持拼寫檢查
DevExtreme HtmlEditor v24.1將完全支持Google Chrome的拼寫檢查,這個新增功能將通過實時拼寫更正/建議支持來增強文本編輯功能。