Всякий раз, когда соединение устанавливается, "соединение"(ИСТОЧНИК) событие срабатывает. Вам нужно сохранить сведения о конечных точках подключения в этой активированной функции, чтобы вы могли получить их позже.
Сначала убедитесь, что вы установили правильный идентификатор для своих конечных точек. Вы можете вручную установить во время создания конечной точки как:
var e0 = jsPlumb.addEndpoint("div1",{uuid:"div1_ep1"}), // You can also set uuid based on element it is placed on
e1 = jsPlumb.addEndpoint("div2",{uuid:"div2_ep1"});
Теперь привяжите событие connection, где вы будете хранить информацию об установленных соединениях:
var uuid, index=0; // Array to store the endpoint sets.
jsPlumb.bind("connection", function(ci) {
var eps = ci.connection.endpoints;
console.log(eps[0].getUuid() +"->"+ eps[1].getUuid()); // store this information in 2d-Array or any other format you wish
uuid[index][0]=eps[0].getUuid(); // source endpoint id
uuid[index++][1]=eps[1].getUuid(); // target endpoint id
}
});
Вы можете преобразовать информацию массива в формат JSON и сохранить на стороне сервера. Когда страница обновляется, вам нужно получить данные JSON и восстановить соединение. Для подключения конечных точек на основе uuid используйте:
jsPlumb.connect({ uuids:["div1_ep1","div2_ep1"] });
Вот jsFiddle для установления соединений на основе конечных точек.
person
MrNobody007
schedule
07.08.2014