DevExpress ASP.NET Web Forms Controls擁有針對Web表單（包括報(bào)表）的110+種UI控件，DevExpress ASP.NET MVC Extensions是服務(wù)器端MVC擴(kuò)展或客戶端控件，由輕量級JavaScript小部件提供支持的70+個(gè)高性能DevExpress ASP.NET Core Controls，包含功能完善的報(bào)表平臺，DevExpress ASP.NET Web Forms Bootstrap Controls利用輕量級渲染、響應(yīng)式布局和現(xiàn)代性能優(yōu)化技術(shù)，擴(kuò)展網(wǎng)站的受眾范圍并提高搜索排名。

DevExpress ASP.NET Core v21.2已正式發(fā)布，此版本增強(qiáng)Data Grid、Tree List控件等功能，歡迎下載此版本體驗(yàn)~

Data Grid

在指定位置添加新行

現(xiàn)在，您可以在使用 或 方法時(shí)指定在何處插入新行，這兩個(gè)屬性都接受插入新行之前/之后的行的鍵，對于流行的用例，我們添加了一個(gè)帶有一組快捷方式值的方法：

• "first"/"last" - 在數(shù)據(jù)集的開頭/結(jié)尾插入新行。
• "pageTop"/"pageBottom" - 在當(dāng)前頁面的頂部/底部插入新行。
• "viewportTop"/"viewportBottom" - 在viewport的頂部/底部插入新行。

Data Grid & Tree List

API增強(qiáng)

新的工具欄自定義 API

您現(xiàn)在可以即時(shí)自定義DataGrid/TreeList工具欄：

• 您可以隨時(shí)動態(tài)更改工具欄項(xiàng)目（過去，您只能在創(chuàng)建工具欄時(shí)這樣做一次）。
• 在 React、Angular 或 Vue 應(yīng)用程序中使用DataGrid/TreeList時(shí)，您可以以聲明方式自定義工具欄，而無需直接 DOM 操作。

新版本添加了一個(gè)新的工具欄方法，允許您以與獨(dú)立工具欄相同的方式自定義工具欄項(xiàng)目，每個(gè)DataGrid/TreeList工具欄項(xiàng)都可以指定為與獨(dú)立工具欄具有相同結(jié)構(gòu)的對象。此外，您可以使用內(nèi)置 DataGrid/TreeList 命令列表中的預(yù)定義字符串名稱指定項(xiàng)目（例如 'addRowButton'、'applyFilterButton'、'columnChooserButton'、'exportButton'、'groupPanel'、'revertButton' ，'saveButton'， 'searchPanel'）。

禁用命令按鈕

您現(xiàn)在可以使用新的禁用列按鈕的方法禁用特定行的某些命令按鈕。

擴(kuò)展的 navigateToRow API

方法現(xiàn)在返回一個(gè) Promise 對象，您現(xiàn)在可以在后臺操作完成時(shí)收到通知。

虛擬滾動增強(qiáng)

重新設(shè)計(jì)了 DataGrid/TreeList 的虛擬滾動引擎并引入了以下增強(qiáng)功能：

• 優(yōu)化了行渲染算法以提高整體FPS。
• 優(yōu)化數(shù)據(jù)加載算法以減少遠(yuǎn)程數(shù)據(jù)請求的數(shù)量。
• 引入了新的 scrolling.renderAsync 屬性，以便您可以同步或異步呈現(xiàn)行。

改進(jìn)的搜索

當(dāng)用戶在 DataGrid 的搜索面板中搜索數(shù)字時(shí)，我們減少了誤報(bào)匹配。DataGrid 現(xiàn)在將搜索字符串與原始的和格式化的單元格值匹配，尊重列格式。

例如，如果您的數(shù)字列使用 $#.# 格式并且單元格顯示“$12,000.1”，可以通過“12000.1”或“$12,000.1”定位記錄。 相反，“12000.1m”與之前的“12000.1”數(shù)字單元格值不匹配。

下圖說明了之前/當(dāng)前實(shí)現(xiàn)之間的區(qū)別。

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