Syncfusion Diagram节点自定义属性

时间:2019-03-08 14:40:09

标签: syncfusion

在EJ2 .NET Core Syncfusion Diagram组件中,如何扩展具有自定义属性的Node对象并将其保存到数据库中。该文档仅描述了整个图的保存/加载。理想情况下,我希望在选择每个节点时将自数据表来的自定义属性显示在右窗格中,如角度图构建器示例所示。是否有任何事件可以通知用户选择?

1 个答案:

答案 0 :(得分:0)

我们可以使用addInfo属性来扩展具有自定义属性的节点对象。请参见下面的代码示例,了解如何使用node的addInfo属性。

Dictionary<string, object> addInfo = new Dictionary<string, object>();
            addInfo.Add("Text", "New");

            Nodes.Add(new DiagramNode()
            {
                Id = "NewIdea",
                OffsetY = 80,
                OffsetX = 340,
                Height = 60,
                AddInfo =addInfo,
                Shape = new { type = "Flow", shape = "Terminator" }
            });

在选择节点时触发选择更改事件。在这种情况下,args.newValue参数有助于识别选择了哪个节点。请找到下面的代码示例,以了解如何使用selectionChange事件。

<ejs-diagram id="container" width="100%" height="700px" selectionChange="selectionChange" nodes="ViewBag.nodes" connectors="ViewBag.connectors">
                    <e-diagram-snapsettings horizontalGridlines="ViewBag.gridLines" verticalGridlines="ViewBag.gridLines"></e-diagram-snapsettings>
                </ejs-diagram>

function selectionChange(args) {
var node = args.newValue[0];
// define your logic here
       }

有关selectionChange事件的更多信息,请参阅下面的帮助文档链接

文档:https://ej2.syncfusion.com/documentation/api/diagram/iSelectionChangeEventArgs/

此致

Ramya T