cy.on('select') callback only once

Question

I have a createTable function that receives a collection of nodes (or an array of nodes), then I am able to draw a table.

I am switching to cytoscape.js now, and I really don't know how to have a listener to my select event properly.

Doing this:

cy.on('select', 'node', function(event){
        window["selectedNodes"] = cy.$('node:selected');
});

I do have all information I need to draw my table, but I cannot call my createTable function inside it because it will call my function several times (once per node selected). I've already tried to use cy.on and cy.once, but without success.

Here is my question:

How can I have a listener to my selection event, get ALL selected nodes and call (only once) my createTable function ?

I can also obtain all selected node using this:

cy.elements('node:selected', console.log("my CallBack function"));

But as it is outside an event listener (select / click) it doesn't work as I need.

Please, any help is appreciated.

Thank you.

Answer 1

Debounce your callback so if multiple events come in one after another, then they are effectively batched:

 var timeout;
 cy.on('select', 'node', function(event){
   clearTimeout( timeout );
   timeout = setTimeout(function(){
     window["selectedNodes"] = cy.$('node:selected');

     // and so on...
   }, 100); // may have to adjust this val

 });