DevExpress擁有.NET開發(fā)需要的所有平臺(tái)控件，包含600多個(gè)UI控件、報(bào)表平臺(tái)、DevExpress Dashboard eXpressApp 框架、適用于 Visual Studio的CodeRush等一系列輔助工具，該組件擁有眾多新產(chǎn)品和數(shù)十個(gè)具有高影響力的功能，可為桌面、Web和移動(dòng)應(yīng)用提供直觀的解決方案，全面解決各種使用場景問題。

DevExpress v22.2已于近期正式發(fā)布了，新版本發(fā)布了全新的Window組件、增強(qiáng)了數(shù)據(jù)網(wǎng)格組件等，歡迎下載正式版體驗(yàn)！

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

全新的Window組件

全新的Window組件是一個(gè)非模態(tài)窗口，其功能包括：

• 移動(dòng)和調(diào)整大小
• 頭部定制
• 顯示/隱藏關(guān)閉按鈕
• 窗口定位(在指定位置或UI元素)
• 鍵盤支持
• 全面的API

Data Grid

導(dǎo)出數(shù)據(jù)到Excel

Blazor Data Grid（數(shù)據(jù)網(wǎng)格）現(xiàn)在可以將數(shù)據(jù)導(dǎo)出到Excel，使用這個(gè)新風(fēng)格的API，開發(fā)者可以將數(shù)據(jù)保存到XLS、XLSX和CSV文件(或流)中，數(shù)據(jù)導(dǎo)出操作支持分組、排序、過濾、匯總和分組匯總。

新的API包括：

所有方法都接受'options'參數(shù)，該參數(shù)用于自定義導(dǎo)出的文檔。

搜索框

Blazor Data Grid（數(shù)據(jù)網(wǎng)格）組件包括一個(gè)漸進(jìn)式不區(qū)分大小寫的搜索選項(xiàng)（允許用戶在輸入時(shí)定位匹配的文本），在搜索框中輸入時(shí)，數(shù)據(jù)網(wǎng)格會(huì)過濾數(shù)據(jù)行，顯示與搜索字符串匹配的行，并突出顯示搜索結(jié)果。

其他功能包括：

• 支持特殊字符。
• 可配置的輸入延遲。
• 支持搜索框占位符(空文本)。
• 從搜索操作中排除特定列的功能。
• 內(nèi)置搜索文本解析模式。
• 能夠在代碼中指定搜索文本(搜索API)。

用戶可以自定義搜索框外觀設(shè)置，從模板呈現(xiàn)搜索框，或者使用外部編輯器。

集成編輯器外觀

嵌入到單元格中的DevExpress數(shù)據(jù)編輯器與單元格本身共享相同的邊界。

要啟用新模式，將屬性設(shè)置為Integrated。

聚焦行

Blazor網(wǎng)格現(xiàn)在支持行焦點(diǎn)，用戶可以用鼠標(biāo)聚焦一行，將 屬性設(shè)置為“true”來啟用此功能。

和方法允許用戶聚焦代碼中的一行，數(shù)據(jù)網(wǎng)格在焦點(diǎn)行發(fā)生更改后觸發(fā)事件。

全選

全新的 屬性指定SelectAll復(fù)選框的操作，可用的選項(xiàng)包括：

• Page - 選擇/取消選擇當(dāng)前頁面上的所有行。
• AllPages - 選擇/取消選擇所有頁面中的所有行。
• Mixed - 選擇/取消選擇當(dāng)前頁面上的所有行，下拉按鈕打開上下文菜單，允許用戶選擇和取消選擇所有網(wǎng)格頁面中的所有行。

新的API包括：

• - 選擇網(wǎng)格中的所有行。
• - 取消選擇網(wǎng)格中的所有行。

按顯示文本過濾

全新的DxGridDataColumn.FilterMode屬性指定如何篩選列數(shù)據(jù)，可用的選項(xiàng)包括：

• 根據(jù)單元格內(nèi)顯示的文本篩選數(shù)據(jù)。
• 值 - 根據(jù)單元格值篩選數(shù)據(jù)。

過濾器表達(dá)式API

新的API允許用戶在代碼中過濾數(shù)據(jù)，并實(shí)現(xiàn)一個(gè)針對(duì)特定使用場景的外部過濾UI：

• - 獲取應(yīng)用于網(wǎng)格的篩選條件。
• - 獲取應(yīng)用于指定字段的篩選條件。
• - 根據(jù)指定的標(biāo)準(zhǔn)篩選網(wǎng)格數(shù)據(jù)。
• - 過濾指定的字段值，數(shù)據(jù)網(wǎng)格將列過濾器與AND操作符組合在一起。
• - 在更改過濾條件后觸發(fā)。

修復(fù)高度和相對(duì)高度

用戶可以顯式地設(shè)置Blazor網(wǎng)格的高度，或者將高度設(shè)置為容器/視口高度的百分比。無論網(wǎng)格中顯示的行是什么，頁腳元素都將保持在底部。

XAML

<DxGrid style="height:100%" Data="@forecasts">