Click event on MenuItem component

Progress® KendoReact Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Unplanned

Last Updated: 27 Apr 2021 10:05 by ADMIN

Jon

Created on: 01 Mar 2021 19:02

Type: Feature Request

Click event on MenuItem component

We would like to respond to MenuItem clicks with a callback function, rather than the current navigation-based response. Probably when an onClick function is provided, the MenuItem would render a button element rather than an anchor element.

3 comments

ADMIN

Stefan

Posted on: 02 Mar 2021 10:26

Hello, Jon,

We have a task to provide a full item render for the item, which will allow the developer to customize the li element as required (rendering a button):

https://github.com/telerik/kendo-react/issues/828

I assume that that feature will allow achieving the requirement.

Regards,
Stefan
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Jon

Posted on: 02 Mar 2021 10:08

Hi Stefan, thanks for the reply.

We're building a complex system composed of many separate React apps which appear to be one big app (using the single-spa framework). The "parent" UI has system-wide menus, and the individual React apps can customize the system-wide menus.

Right now we set the MenuItem data prop to a function. It works, but it feels like a hack.

Best,

ADMIN

Stefan

Posted on: 02 Mar 2021 07:33

Hello, Jon,

The onSelect event will be fired when a MenuItem is clicked:

https://www.telerik.com/kendo-react-ui/components/layout/api/MenuProps/#toc-onselect

That event is attached to the onClick event of the li element.

Please let me know if there are any issues using this approach?

Regards,
Stefan
Progress Telerik