Syncfusion Diagram 节点自定义属性答案

【问题标题】：Syncfusion Diagram nodes custom propertiesSyncfusion Diagram 节点自定义属性
【发布时间】：2019-03-08 14:40:09
【问题描述】：

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

【问题讨论】：

标签： syncfusion

【解决方案1】：

我们可以通过使用 addInfo 属性来扩展具有自定义属性的节点对象。关于如何使用节点的 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/

问候，

拉米亚T

【讨论】：