Disabling the wj-menu-item

Disabling the wj-menu-item

Posted by: mayank.dixit on 24 August 2021, 12:22 am EST

• 

  mayank.dixit

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 24 August 2021, 12:22 am EST - Updated 3 October 2022, 3:32 am EST

  I am using WizmoTreeView in that I am using Context Menu how can I disable Wj-menu-item.
  
  
  
  In the below image u can see that I want some of the menu items to be disabled.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 24 August 2021, 11:18 pm EST

  Hi,

  To disable some of the items from the context-menu, you may use the dropDown property of the Menu and check for the items with certain properties or names, and add the wj-state-disabled class to the items. You can use the isDroppedDownChanging event of Menu to disable the context-menu items. Please refer to the sample below:

  https://stackblitz.com/edit/js-jwsktz[/url

  Regards,
  
  Ashwin

• 

  mayank.dixit

  • Post Options:
  • Link
    Copy

  Posted 13 September 2021, 10:19 pm EST

  Thank You for the quick help I have two more queries regarding this
  
  1:- Can we hide some menu items and show them conditionally.
  
  2:-Can we use any Ds like Array to populate those menu items.

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 14 September 2021, 5:26 pm EST

  Hello,

  1. Yes you can do that, you need to add and remove the wj-state-disabled class to the context menu according to the conditions.

  2. Yes, you can use the itemSource property of the menu to provide the array of items that you would like to show on the context menu.

  Please refer to the sample link demonstrating the above points:https://stackblitz.com/edit/js-hi5quo?file=index.js

  Let us know if that’s works for you.

  Regards