您可以使用事件侦听器时被添加到设置像在下面的例子中的值根节点:
请注意,您还可以设置根节点“不可改变”的状态,以避免价值取消选择。
/**
* Listener used when root node is added
* In this listener root node is initialized with a value
* and set in immutable state to avoid value deselection.
*
* @param rootNode root node reference when graph is created.
*/
var rootNodeListener = function (rootNode) {
// Change root node type and label with instanceData
rootNode.value = {
type: popoto.graph.node.NodeTypes.VALUE,
label: "Person",
attributes: {name:'Tom Hanks'}
};
// Set node as immutable, in this state the value cannot be deselected.
rootNode.immutable = true;
};
// Add rootNodeListener on NODE_ROOT_ADD event
popoto.graph.on(popoto.graph.Events.NODE_ROOT_ADD, rootNodeListener);
在这里看到的活生生的例子: http://www.popotojs.com/live/simple-graph/selected-with-event.html
或者因为1.1.2你可以用一个预定义的图表(包括选择的值)作为启动功能的参数是这样开始Popoto:
popoto.start({
label: "Person",
rel: [
{
label: "ACTED_IN",
node: {
label: "Movie",
value: {
title: "The Matrix"
}
}
},
{
label: "DIRECTED",
node: {
label: "Movie"
}
},
{
label: "PRODUCED",
node: {
label: "Movie"
}
},
{
label: "WROTE",
node: {
label: "Movie"
}
}
]
});
活生生的例子在这里:http://www.popotojs.com/live/results/predefined-data.html
而且这里更复杂的一个:http://www.popotojs.com/live/save/index.html
谢谢你的回复。 正如您在示例2中提到的那样,我能够使用保存的图形选项来解决这种情况。但是对于我的场景,选项1看起来更理想,请让我尝试一下。特别是让节点不可变的选项会有很大的帮助。 –