扩展Dynamic Ports示例,我在leftArray中创建了一个带有几个端口的节点。每个端口都由这样的模型定义:
{id: "port1"}
在端口的上下文菜单中,我让用户重命名它。目前,出于测试目的,右键单击端口会打开一个带有单个按钮的上下文菜单:"重命名"。点击"重命名"将模型的id字段更改为" foo":
function(e, obj) {
obj.part.data.id = "foo";
}
id
字段使用以下内容绑定到portId
属性:
new go.Binding("portId", "id").makeTwoWay()
现在,当我创建从另一个节点到此重命名端口的链接并使用myDiagram.model.toJson()
观察我的图表模型时,我看到该链接似乎已连接到相关端口但使用旧< / strong> portId
。
我在这里想念什么?
由于
答案 0 :(得分:1)
是的,您没有修改对端口的链接数据引用,因此链接继续路由到相同的端口GraphObjects。但是如果您加载了已保存的模型,您会看到Links现在似乎连接到其他对象,具体取决于当前使用的端口标识符。
我建议您修改端口ID后,迭代连接的链接并更新端口引用。类似动态端口示例中的额外上下文菜单按钮:
makeButton("Rename port",
function(e, obj) {
var port = obj.part.adornedObject;
var node = port.part;
var data = port.data;
var oldpid = data.portId;
var linksinto = new go.List().addAll(node.findLinksInto(oldpid));
var linksoutof = new go.List().addAll(node.findLinksOutOf(oldpid));
myDiagram.startTransaction("portId");
// find a new unique port identifier
var newpid = Math.floor(Math.random() * 1000000).toString();
while (node.findPort(newpid) !== node.port) {
newpid = Math.floor(Math.random() * 1000000).toString();
}
// change port identifier
myDiagram.model.setDataProperty(data, "portId", newpid);
// change connected link references to ports
linksinto.each(function(l) {
myDiagram.model.setToPortIdForLinkData(l.data, newpid);
});
linksoutof.each(function(l) {
myDiagram.model.setFromPortIdForLinkData(l.data, newpid);
});
myDiagram.commitTransaction("portId");
}),