问 题
请问下,为什么这样写出来后的jsPlumb图表是这个样子的
JS是这样的:
init: function() {
// 初始化流程图配置
jsPlumbToolkit.ready(function () {
// 创建流程菜单
taskConf.createNodePalette(processes);
// ------------------------ toolkit setup ------------------------------------
// 获取相关的dom元素
mainElement = document.querySelector("#jtk-flowchart");
canvasElement = mainElement.querySelector("#jtk-canvas");
controls = mainElement.querySelector("#confControls");
nodePalette = controls.querySelector('#controls-left');
controlsS2 = document.querySelector("#confControls-s2");
// 重置当前点击的连线信息
curSelectedConnection = {};
// 声明一个工具包,提供创建节点,生成id的方法
toolkit = jsPlumbToolkit.newInstance({
idFunction: function (n) {
return n.id;
},
typeFunction: function (n) {
return n.type;
},
nodeFactory: function (typeData, data, callback) {
//typeDatadata 是程序实例对象
data.text = typeData['processName'] + '-' + typeData['programVersion'];
data.processId = typeData['id'];
//data.id = jsPlumbToolkitUtil.uuid();
data.type = typeData['type'];
data.flowId = flowId;
data = flowEvent.addNode(data, callback);
}
});
// ------------------------ / toolkit setup ------------------------------------