Reports

You will also need to set the disabledField property of the HierarchyBindingDirective. For example:

    <kendo-contextmenu
      [target]="target"
      [kendoMenuHierarchyBinding]="data"
      [textField]="['text']"
      childrenField="Products"
      [disabledField]="'disabled'"

    >

 public data = [
    {
      menuKey: 'Edit',
      text: 'Edit',
      Products: [
        { menuKey: 'Cut', text: 'Cut' },
        { menuKey: 'Copy', text: 'Copy' },
        { menuKey: 'Paste', text: 'Paste' }
      ]
    },
    {
      menuKey: 'Delete',
      text: 'Delete',
      disabled: true,
      Products: [
        { menuKey: 'SoftDelete', text: 'Soft Delete' },
        { menuKey: 'HardDelete', text: 'Hard Delete', disabled: true }
      ]
    }
  ];

Runnable example that demonstrates the disabled item state of the Kendo UI for Angular ContextMenu - https://stackblitz.com/edit/angular-ve5ygmqx?file=src%2Fapp%2Fapp.component.ts

79727251