How can I apply ContextToolbar differently to each element

[james-ep01]

Introduction

How can I apply ContextToolbar differently to each element? And how can I make it selectively visible or invisible for each element?

Steps to reproduce

No response

Restrictions & Constraints

No response

Does your question relate to JointJS or JointJS+. Select both if applicable.

JointJS, JointJS+

[kumilingus]

I'm not sure I fully understand. You're the one triggering the ContextToolbar in the code, typically within the element:contextmenu event. So, it's up to you to determine whether it should be displayed or not.

[james-ep01]

ContextToolbar differently to each element.

this.paper.on('element:contextmenu', (cellView, evt) => {
// Create a contextmenu object for each element and render it
});
In the above event, can I implement a branch so that each cellView has its own contextmenu?

[kumilingus]

this.paper.on('element:contextmenu', (elementView) => {
   const element = elementView.model;
   switch (element.get('type') {
      case 'standard.Rectangle':
          // open context menu with 2 options
         break;
      case 'standard.Ellipse':
         // open context menu with 1 options
         break;
      default:
         break;
   }
});

Docs: https://docs.jointjs.com/learn/features/popups-and-menus/context-toolbar/
Example: https://www.jointjs.com/demos/data-mapping