Определите, какая метка была нажата в jsPlumb

Чтобы манипулировать помеченными графами, я думаю, мне нужно добавить дополнительное свойство для каждой метки соединений jsPlumb. Например, когда я нажимаю на метку соединения, даже если исходная и целевая точки могут быть выведены из идентификатора метки (или атрибутов), я не могу знать, какой тип ребра был нажат.

Простого изменения графика jsPlumb недостаточно, потому что существуют базовые структуры данных, представленные графикой jsPlumb. Коды, использующие jsPlumb.ready и jsPlumb.bind, уже хорошо реализованы и отлично работают.

var newConn = jsPlumb.connect({ source: from, target: to,
  endpoint: epStyle, detachable: false,
  anchor: "Continuous", connector: ["StateMachine", { curviness: 20}],
  paintStyle: lineSt, hoverPaintStyle: lineHoverSt,
  overlays: [
    ["Arrow", { width: 10, length: 10, foldback: 1, location: 0.25,
     id: "arrow_" + from + to + 1}],
    ["Arrow", { width: 10, length: 10, foldback: 1, location: 0.75,
     id: "arrow_" + from + to + 2}],
    ["Label",
      { label: relation.name, id: "label_" + from + to + rel_id, cssClass: "edgeLabel"}
      // Any additional property here?
    ]
  ]
});

//Or add property here?
newConn.type = SOME_EDGE_TYPE;

jsPlumb.ready(function () {
  jsPlumb.bind("click", function (c) {
    jsPlumb.detach(c);
  });
  jsPlumb.bind("beforeDetach", function (conn) {
    return confirm(
      "Are you sure you want to disconnect ["
      + conn.sourceId + "=>" + conn.targetId + "]?");
  });
});

jsplumb
person Jeffrey Goines    schedule 23.01.2014    source источник
comment
Итак, вы хотите получить конечные точки (края) при нажатии на метку?   -  person MrNobody007    schedule 23.01.2014
comment
...И тип ребра (как в размеченных графиках)   -  person Jeffrey Goines    schedule 23.01.2014
comment
Было бы намного лучше, если бы jsPlumb.connect возвращал объект края (соединения). Затем на конечные точки и дополнительные типы ребер можно ссылаться следующим образом: var newConn = jsPlumb.connect(...); newConn.type (...)   -  person Jeffrey Goines    schedule 23.01.2014
comment
Вам нужен объект подключения при нажатии на метку?   -  person MrNobody007    schedule 23.01.2014
comment
Не при нажатии, а при создании. Если бы я мог добавить дополнительный атрибут после вызова конструктора, это было бы здорово.   -  person Jeffrey Goines    schedule 23.01.2014
comment
Когда соединение создано, вы хотите добавить к нему некоторые дополнительные свойства. это так?   -  person MrNobody007    schedule 23.01.2014
comment
давайте продолжим обсуждение в чате   -  person MrNobody007    schedule 23.01.2014

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете привязать событие jsPlumbConnection, чтобы получать уведомления при создании нового подключения:

jsPlumb.bind("jsPlumbConnection", function(ci) {
            console.log(ci.connection);
            console.log(ci.sourceId+" is connected to "+ci.targetId);
});

Чтобы управлять соединением jsPlumb, обратитесь к документу API. .

Объект ci(Connection Info.) состоит из следующих данных:

  1. соединение - только что установленное соединение.
  2. source - исходный элемент в Connection
  3. sourceEndpoint — исходная конечная точка в соединении.
  4. sourceId - идентификатор исходного элемента.
  5. target - целевой элемент в Connection.
  6. targetEndpoint — целевая конечная точка в соединении.
  7. targetId - идентификатор целевого элемента.
person MrNobody007    schedule 23.01.2014
comment
Да, но в соответствии с вопросом, как получить ссылку на Label из соединения? - person Nick Mitchell; 10.12.2014