Question

使用jsPlumb，我希望在建立连接时弹出警报 - 即用户点击并从一个.task div拖动到另一个（进行jsPlumb连接）时。 / p>

http://jsfiddle.net/uQdfq/
（从 task1 拖到 task3 ）

如果我在定义.task div时声明源/目标，那么最佳方法是什么？

addTask($('#project1'), 'task' + 1);

功能本身：

// Adds a task div to the specific project
function addTask(parentId, id) {
  var newState = $('<div>').attr('id', id).addClass('task')

  // A title for the task
  var title = $('<div>').addClass('title').text(id);
  newState.append(title);

  $(parentId).append(newState);

  // Makes the task div a possible target (i.e. connection can be dragged to)
  jsPlumb.makeTarget(newState, {
    anchor: 'Continuous'
  });

  // Makes the task div a possible source (i.e. connection can be dragged from)
  jsPlumb.makeSource(newState, {
    anchor: 'Continuous'
  });
}

作为一个更大的图片，我正试图找到一种方法来命名connection.id我自己的方式（使用GUID）。也就是说，我想将连接命名为con_1238519b-3e11-4788-9ac4-fe5f244fbb55

使用jsPlumb，所有连接jsPlumb.getConnections()的命名约定为con_40，con_12，...，con_105

Answer 1

文档 - http://jsplumbtoolkit.com/doc/events.html

创建连接时会触发一个事件。事件名称为connection

jsPlumb.bind('connection',function(info,ev){
    var con=info.connection;   //this is the new connection
});

我不建议重命名是一个不错的选择。如果需要，您可以按照here.

所述为连接分配/附加参数

con.setParameter('name','value'); 
con.setParameters({name:'value',name2:'value2'});

APIDocs - http://jsplumbtoolkit.com/apidocs/classes/Connection.html

jsPlumb在建立连接时触发事件并重命名连接（con_）

1 个答案: