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

DevExpress ASP.NET v20.2日前全新發布，新版本包含針對WebForms / MVC數據容器控件（GridView，TreeList和CardView）等相關功能的重要增強，歡迎下載最新版體驗！

常見功能增強

此版本包括對WebForms/MVC數據容器控件（GridViewTreeList和CardView）和WebForms/MVC數據編輯器庫與質量相關的重要增強，增強功能包括（但不限于）以下各項：

• 批處理編輯模式下改進控件操作；技術軟對重新設計了UI "focus"機制，并改善在觸摸屏上呈現時的控件操作。
• 發布新的客戶端API，并提高了控件的靈活性。
• 改進適應性和可訪問性。
• 修復控件中與服務器和客戶端數據驗證有關的多個問題。

Diagram

工具箱選項

• - 指定工具箱行中的形狀數量。
• - 顯示/隱藏Toolbox搜索框。
• - 指定工具箱形狀項目的長寬比。

ASPX

<SettingsToolbox Width="500px" ShapeIconsPerRow="5" ShowSearch="False" />

ASPX

<CustomShapes>
<dx:DiagramCustomShape CategoryName="MyShapes" Type="square" Title="Square"
BaseType="Rectangle" ToolboxWidthToHeightRatio ="1" DefaultHeight="1" DefaultWidth="1" />
</CustomShapes>

工具箱形狀模板

v20.2實現了事件，此事件使您可以在工具箱中為自定義形狀創建模板。

ASPX

<ClientSideEvents CustomShapeCreateToolboxTemplate="CustomShapeCreateToolboxTemplate" />

JS(JAVASCRIPT)

function CustomShapeCreateToolboxTemplate(s, e) {
var svgNS = "http://www.w3.org/2000/svg";
var svgEl = document.createElementNS(svgNS, "svg");
svgEl.setAttribute("class", "template");
e.container.appendChild(svgEl);

var textEl1 = document.createElementNS(svgNS, "text");
textEl1.setAttribute("class", "template-name");
textEl1.setAttribute("x", "50%");
textEl1.setAttribute("y", "40%");
textEl1.textContent = "New";

var textEl2 = document.createElementNS(svgNS, "text");
textEl2.setAttribute("class", "template-name");
textEl2.setAttribute("x", "50%");
textEl2.setAttribute("y", "70%");
textEl2.textContent = "Employee";

svgEl.appendChild(textEl1);
svgEl.appendChild(textEl2);
}

自動調整形狀

在數據綁定模式下使用時，ASP.NET Diagram控件現在可以自動調整形狀大小以適合形狀文本。

啟用新的選項，以在調整大小操作后保留自定義形狀的縱橫比。

為防止自動調整大小的操作，請將屬性設置為false。

用戶限制

以下新選項使您可以控制對形狀和連接器所做的更改。

• Add Shape
• Change Connection
• Change Connector Points
• Change Connector Text
• Change Shape Text
• Delete Connector
• Delete Shape
• Resize Shape

我們為自定義使用情況創建了一個新的 事件，處理此事件根據需要限制用戶操作。

改進Connector路由

v20.2改進用于計算正交connector路由（以防止交叉形狀）的算法。

甘特圖

自定義任務工具提示

使用全新的 事件，您可以輕松地在任務工具提示中顯示自定義內容。

自定義Task Edit對話框

在顯示Task Edit對話框之前，將觸發新的TaskEditDialogShowing事件，處理此事件可將所需的字段隱藏或標記為只讀。

上下文菜單自定義API

全新的ASP.NET Gantt API允許您創建并自定義上下文菜單，您可以根據需求新增預定義菜單項或創建自定義項。新的API包括：

新的客戶端API

v20.2實現了20多個新的客戶端事件（DependencyDeleting，FocusedTaskChanging，FocusedTaskChanged，TaskMoving，ResourceInserting / Deleting / Updating等）以及超過15種新方法（InsertDependency，InsertTask等）。

增強API

• 事件使您可以處理對自定義命令按鈕（TreeList）的單擊。
• 事件允許您自定義列的彈出式過濾器（GridView，CardView，VerticalGrid，TreeList）。
• 啟用 選項在上下文菜單（GridView）中顯示垂直滾動條。
• 屬性獲取對網格數據應用的操作類型（GridView，CardView，VerticalGrid，TreeList）。

DevExpress技術交流群2：775869749      歡迎一起進群討論