Come ottengo l'ID di un nodo cliccato in cytoscape.js?

Question

Questo esempio nella documentazione:

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

risultati in:

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

E evt.cyTarget.data() restituisce indefinito.

Answer 1

Come indicato nello documentation for accessing data, si accede ai dati elemento con il metodo eles.data(). Nel tuo caso sarebbe che si è definito l'id come il nome del nodo, allora è solo una questione di chiamare

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

Answer 2

Il .ID() funziona su elementi, ma non si dispone di un elemento nella tua gestore di eventi. Sei legato al core senza alcun selettore di elementi delegati, quindi sei legato al core stesso, ovvero il riferimento a this punti a cy.

Questo è probabilmente quello che voleva dire:

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

Answer 3

Io lo uso per 2.x:

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

O per 3.x:

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