Nested menu with ejs-dropdownbutton or ejs-contextmenu in kanban control in angular

[Dayakar Reddy]

Hi ,

 I am unable to add nested menu to ejs-dropdownbutton in kanban control, how can i add nested menu to ejs-dropdownbutton?

and when i click on on one of nested item in the menu , i should be able to know on what kanban item the menu click is happening.

Please find the attachment for your referance.

            <button ejs-dropdownbutton #dropdownbtn [items]='menuItems' cssClass='action-button e-caret-hide'

              (select)='menuSelection($event, data)'>

              <i class="fas fa-ellipsis-v"></i>

            </button>

menuItems: MenuItemModel[] = [

    { id: 'show', text: 'Show details' },

    { id: 'edit', text: 'Edit' },

    { id: 'delete', text: 'Delete' },

    {

      id: 'reports', text: 'Reports',

      items: [

        { id: 'reports1', text: 'Reports1' },

        { id: 'reports2', text: 'Reports2' }

      ]

    }

  ];

Thanks,

Dayakar Reddy.

Attachment: nested_menu_in_dropdown_69b740d.zip

[Saranya Dhayalan]

Hi Dayakar 

 

Sorry for the inconvenience caused. 

 

Query:  I am unable to add nested menu to ejs-dropdownbutton in kanban control, how can i add nested menu to ejs-dropdownbutton? 

 

We have checked your reported query, We would like to let you know that you can use the Menu component fulfilled your reported requirement. Could not able to add the nested menu in ejsdropdown button. You can use menu select event to get the menu item. Please check the below link 

 

Demo link: https://ej2.syncfusion.com/angular/demos/#/material/menu/default 

 

Doc link: https://ej2.syncfusion.com/angular/documentation/menu/getting-started/ 

 

API link: https://ej2.syncfusion.com/angular/documentation/api/menu#select 

 

Please check the above sample and get back to us if you need further assistance on this. 

 

Regards, 

Saranya D