DevExpress Blazor UI組件使用了C#為Blazor Server和Blazor WebAssembly創(chuàng)建高影響力的用戶體驗，這個UI自建庫提供了一套全面的原生Blazor UI組件（包括Pivot Grid、調(diào)度程序、圖表、數(shù)據(jù)編輯器和報表等）。

DevExpress Blazor控件目前已經(jīng)升級到v23.2版本了，此版本進(jìn)一步增強(qiáng)了可訪問性、網(wǎng)格及工具欄組件功能等，歡迎下載最新組件體驗！

DevExpress技術(shù)交流群10：532598169      歡迎一起進(jìn)群討論

可訪問性增強(qiáng)

此版本為以下組件引入了一系列以可訪問性為重點的增強(qiáng)：

• Grid（網(wǎng)格）
• Data Editors（數(shù)據(jù)編輯器）
• TreeView（樹視圖）
• Toolbar（工具欄）
• Menu 和 Context Menu（菜單）

這些增強(qiáng)包括：

• 所有元素的替代文本描述。
• 調(diào)整了元素結(jié)構(gòu)，以確保更好地兼容屏幕閱讀器。
• 新的WAI-ARIA屬性和角色。
• 改進(jìn)的鍵盤支持。

Grid（網(wǎng)格）

DevExpress Blazor Grid現(xiàn)在支持單元格編輯，在這個新的編輯模式中，您可以激活單元格編輯器并發(fā)布更改，而無需按Grid的Edit和Save按鈕。單元格編輯從單擊單個單元格開始，或在鍵盤聚焦的單元格上按Enter鍵，您可以使用鍵盤在單元格之間導(dǎo)航，并在焦點離開編輯行后自動發(fā)布更改。

或者，如果您喜歡更可控的方法，可以在內(nèi)存中積累更改并通過單擊外部Save按鈕保存它們。

單元格編輯支持驗證，并且可以無縫地與自動生成的編輯器、使用EditSettings定義的編輯器以及在CellEditTemplate中指定的DevExpress編輯器一起工作。

DevExtremeDataSource / CustomDataSource的分組和緩存支持

當(dāng)使用DevExtremeDataSource或CustomDataSource連接到遠(yuǎn)程數(shù)據(jù)時，您現(xiàn)在可以在DevExpress Blazor Grid中引入數(shù)據(jù)分組支持。Grid組件在不加載所有記錄的情況下從服務(wù)器請求有關(guān)組的信息，并在服務(wù)器端計算組摘要(總數(shù))。

 此外，DevExtremeDataSource和CustomDataSource現(xiàn)在都帶有內(nèi)置的記錄緩存。緩存提高了網(wǎng)格的可用性，減少了請求的數(shù)量，特別是對于那些使用虛擬滾動模式的請求。

分級過濾菜單

DevExpress Blazor Grid現(xiàn)在為DateTime列提供了一個分級過濾菜單，此功能允許您按月和年對可用日期進(jìn)行分組，并簡化用戶在特定日期范圍內(nèi)的記錄過濾。

列自動適配

為了幫助改進(jìn)數(shù)據(jù)表示和信息清晰度，DevExpress Blazor Grid列現(xiàn)在可以自動修改寬度以適應(yīng)實際內(nèi)容。您可以通過Grid的API(使用方法)或簡單地雙擊列分隔符/分隔符來觸發(fā)此功能。

Toolbar（工具欄）

DevExpress Blazor Grid現(xiàn)在包括一個新的工具欄區(qū)域，位于其標(biāo)題和組面板上方。該區(qū)域允許您在其中添加任何內(nèi)容，它與DevExpress Blazor Toolbar配合得特別好，會自動調(diào)整其樣式以匹配網(wǎng)格。

快捷鍵和鍵盤支持增強(qiáng)

新版本引入了以下增強(qiáng)來改善Blazor Grid的鍵盤支持：

• 內(nèi)置的彈出窗口和窗口現(xiàn)在更容易訪問。
• 焦點邊界現(xiàn)在只在用戶使用鍵盤導(dǎo)航Grid元素時出現(xiàn)，在鼠標(biāo)導(dǎo)航后消失。
• 解決了一些與導(dǎo)航相關(guān)的問題。

此外，DevExpress Blazor Grid現(xiàn)在包括更多的快捷方式，以便用戶可以快速瀏覽數(shù)據(jù)：

• Home/End – 聚焦當(dāng)前行的第一個/最后一個單元格。
• Ctrl + Home/Ctrl + End –聚焦當(dāng)前頁面上的第一個/最后一個單元格。
• Page Up/Page Down – 向上/向下移動焦點一頁。

聚焦頁面時，可以使用以下快捷方式在網(wǎng)格頁面之間導(dǎo)航：

• Arrow Left/Arrow Right – 導(dǎo)航到上一頁/下一頁。
• Home/End – 導(dǎo)航到第一/最后一頁。

API增強(qiáng)

• 和 – 防止用戶重新排序列選擇器和網(wǎng)格標(biāo)題區(qū)域中的列。
• 和 – 指定列標(biāo)題的水平對齊方式。
• – 自定義網(wǎng)格沒有記錄時顯示的占位符。
• – 指定摘要項的顯示文本模式，顯示文本字符串可以包括靜態(tài)文本和用于摘要值和列標(biāo)題的占位符。