ASP.NET界面开发新功能挖掘——优化的甘特图控件功能

时间 2020-11-23

标签算法 express 性能优化服务器 app 编辑器 ide svg 工具布局栏目 ASP 繁體版

原文原文链接

[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利用轻量级渲染、响应式布局和现代性能优化技术，扩展网站的受众范围并提升搜索排名。express

DevExpress ASP.NET v20.2日前全新发布，新版本包含针对WebForms / MVC数据容器控件（GridView，TreeList和CardView）等相关功能的重要加强，欢迎下载最新版体验！性能优化

常见功能加强

此版本包括对WebForms/MVC数据容器控件（GridViewTreeList和CardView）和WebForms/MVC数据编辑器库与质量相关的重要加强，加强功能包括（但不限于）如下各项：服务器

批处理编辑模式下改进控件操做；技术软对从新设计了UI "focus"机制，并改善在触摸屏上呈现时的控件操做。
发布新的客户端API，并提升了控件的灵活性。
改进适应性和可访问性。
修复控件中与服务器和客户端数据验证有关的多个问题。

Diagram

工具箱选项app

SettingsToolbox.ShapeIconsPerRow - 指定工具箱行中的形状数量。
SettingsToolbox.ShowSearch - 显示/隐藏Toolbox搜索框。
ToolboxWidthToHeightRatio - 指定工具箱形状项目的长宽比。

ASPX编辑器

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

ASPXsvg

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

工具箱形状模板布局

v20.2实现了CustomShapeCreateToolboxTemplate事件，此事件使您能够在工具箱中为自定义形状建立模板。

ASPX

<ClientSideEvents CustomShapeCreateToolboxTemplate="CustomShapeCreateToolboxTemplate" />

JS(JAVASCRIPT)

`function CustomShapeCreateToolboxTemplate(s, e) {
var svgNS = "https://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控件如今能够自动调整形状大小以适合形状文本。

启用新的KeepRatioOnAutoSize选项，以在调整大小操做后保留自定义形状的纵横比。

为防止自动调整大小的操做，请将EnableAutoSize属性设置为false。

用户限制

如下新选项使您能够控制对形状和链接器所作的更改。

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

咱们为自定义使用状况建立了一个新的 RequestEditOperation事件，处理此事件根据须要限制用户操做。

改进Connector路由

v20.2改进用于计算正交connector路由（以防止交叉形状）的算法。

甘特图

自定义任务工具提示

使用全新的TooltipShowing 事件，您能够轻松地在任务工具提示中显示自定义内容。

自定义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

CustomButtonCallback事件使您能够处理对自定义命令按钮（TreeList）的单击。
HeaderFilterEditorInitialize 事件容许您自定义列的弹出式过滤器（GridView，CardView，VerticalGrid，TreeList）。
启用EnableScrolling 选项在上下文菜单（GridView）中显示垂直滚动条。
ASPxGridColumnDisplayTextEventArgs.Kind属性获取对网格数据应用的操做类型（GridView，CardView，VerticalGrid，TreeList）。