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

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

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

可訪問(wèn)性增強(qiáng)

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

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

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

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

Grid（網(wǎng)格）

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

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

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

DevExtremeDataSource / CustomDataSource的分組和緩存支持

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

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

分級(jí)過(guò)濾菜單

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

列自動(dòng)適配

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

Toolbar（工具欄）

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

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

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

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

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

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

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

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

API增強(qiáng)

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