Jak uzyskać identyfikator klikniętego węzła w pliku cytoscape.js?

Question

Ten przykład w dokumentacji:

cy.on('click', function(evt){ 
     console.log('clicked ' + this.id()); 
}); 

Wyniki w:

Uncaught TypeError: Object [object Object] has no method 'id' 

I evt.cyTarget.data() zwraca niezdefiniowane.

Answer 1

Jak wspomniano w artykule documentation for accessing data, użytkownik uzyskuje dostęp do danych elementu za pomocą metody eles.data(). W twoim przypadku byłoby to, że identyfikator zdefiniowany jako nazwa węzła, to tylko kwestia wywołania

console.log('clicked ' + this.data('id')); 

Answer 2

.id() funkcja działa na elementach, ale nie masz element w swojej obsługa zdarzeń. Przywiązujesz się do rdzenia bez selektora elementów delegowanych, więc przywiązujesz się do samego rdzenia - co oznacza odniesienie do this punktów do cy.

To jest chyba to, co masz na myśli:

cy.on('click', 'node', function(evt){ 
     console.log('clicked ' + this.id()); 
}); 

Answer 3

Używam tego dla 2.x:

cy.on('tap', 'node', function (evt) { 
     console.log(evt.cyTarget.id()) 
    }); 

Lub 3.x:

cy.on('tap', 'node', function (evt) { 
     console.log(evt.target.id()) 
    });