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

DevExpress ASP.NET v20.2日前全新發(fā)布，新版本包含針對(duì)WebForms / MVC數(shù)據(jù)容器控件（GridView，TreeList和CardView）等相關(guān)功能的重要增強(qiáng)，歡迎下載最新版體驗(yàn)！

常見(jiàn)功能增強(qiáng)

此版本包括對(duì)WebForms/MVC數(shù)據(jù)容器控件（GridViewTreeList和CardView）和WebForms/MVC數(shù)據(jù)編輯器庫(kù)與質(zhì)量相關(guān)的重要增強(qiáng)，增強(qiáng)功能包括（但不限于）以下各項(xiàng)：

• 批處理編輯模式下改進(jìn)控件操作；技術(shù)軟對(duì)重新設(shè)計(jì)了UI "focus"機(jī)制，并改善在觸摸屏上呈現(xiàn)時(shí)的控件操作。
• 發(fā)布新的客戶(hù)端API，并提高了控件的靈活性。
• 改進(jìn)適應(yīng)性和可訪問(wèn)性。
• 修復(fù)控件中與服務(wù)器和客戶(hù)端數(shù)據(jù)驗(yàn)證有關(guān)的多個(gè)問(wèn)題。

Diagram

工具箱選項(xiàng)

• - 指定工具箱行中的形狀數(shù)量。
• - 顯示/隱藏Toolbox搜索框。
• - 指定工具箱形狀項(xiàng)目的長(zhǎng)寬比。

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實(shí)現(xiàn)了事件，此事件使您可以在工具箱中為自定義形狀創(chuàng)建模板。

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);
}

自動(dòng)調(diào)整形狀

在數(shù)據(jù)綁定模式下使用時(shí)，ASP.NET Diagram控件現(xiàn)在可以自動(dòng)調(diào)整形狀大小以適合形狀文本。

啟用新的選項(xiàng)，以在調(diào)整大小操作后保留自定義形狀的縱橫比。

為防止自動(dòng)調(diào)整大小的操作，請(qǐng)將屬性設(shè)置為false。

用戶(hù)限制

以下新選項(xiàng)使您可以控制對(duì)形狀和連接器所做的更改。

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

我們?yōu)樽远x使用情況創(chuàng)建了一個(gè)新的 事件，處理此事件根據(jù)需要限制用戶(hù)操作。

改進(jìn)Connector路由

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

甘特圖

自定義任務(wù)工具提示

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

自定義Task Edit對(duì)話(huà)框

在顯示Task Edit對(duì)話(huà)框之前，將觸發(fā)新的TaskEditDialogShowing事件，處理此事件可將所需的字段隱藏或標(biāo)記為只讀。

上下文菜單自定義API

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

新的客戶(hù)端API

v20.2實(shí)現(xiàn)了20多個(gè)新的客戶(hù)端事件（DependencyDeleting，F(xiàn)ocusedTaskChanging，F(xiàn)ocusedTaskChanged，TaskMoving，ResourceInserting / Deleting / Updating等）以及超過(guò)15種新方法（InsertDependency，InsertTask等）。

增強(qiáng)API

• 事件使您可以處理對(duì)自定義命令按鈕（TreeList）的單擊。
• 事件允許您自定義列的彈出式過(guò)濾器（GridView，CardView，VerticalGrid，TreeList）。
• 啟用 選項(xiàng)在上下文菜單（GridView）中顯示垂直滾動(dòng)條。
• 屬性獲取對(duì)網(wǎng)格數(shù)據(jù)應(yīng)用的操作類(lèi)型（GridView，CardView，VerticalGrid，TreeList）。

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