command's `enabled` and `content` as a function of `ele` about cytoscape.js-cxtmenu HOT 4 CLOSED

Hey everyone,

if you have a look onto the example configuration there is a comment with:
// function( ele ){ return [ /*...*/ ] }, // a function that returns commands or a promise of commands

That means instead of return a static Array of commands you can also return them dynamically as a function with the selected element parameter.

 commands: (ele: Collection) => {
      return [
     //command objects,
     ]
}

That means you can control the enabled attribute very easily like this:

{
  content: 'Only enabled if less than two connections',
  select: (ele: Collection) => {
  console.log('selection possible because command is enabled')
  },
  enabled: ele.nodes().connectedEdges().length < 2  //here we can access the element from where the context menu was triggered
},

That means also you can control the visibility of the commands through filtering before returning the array.
For example by the previously setted enabled attribute:

 commands: (ele: Collection) => {
      return [
     //command objects,
     ].filter(command => command.enabled)
}

from cytoscape.js-cxtmenu.

We can go even further and make commands itself be dependent on content

from cytoscape.js-cxtmenu.

This issue has been automatically marked as stale, because it has not had activity within the past 30 days. It will be closed if no further activity occurs within the next 30 days. If a feature request is important to you, please consider making a pull request. Thank you for your contributions.

from cytoscape.js-cxtmenu.

Hi there, this is something I am interested in as well. Might there be any way we could reopen this feature request?

from cytoscape.js-cxtmenu.