Kendo dynamic context menu

[Anamika]

Hello,
I have a context menu displayed on right clicking kendo grid like this.
@(Html.Kendo().ContextMenu()
        .Name("menuGrid")
        .Target("#Grid_ObjActivity")
        .Orientation(ContextMenuOrientation.Vertical)
        .Animation(animation =>
        {
            animation.Open(open =>
            {
                open.Fade(FadeDirection.In);
                open.Duration(500);
            });
        })
        .Items(items =>
        {

            items.Add()
               .Text("Herunterladen")
               .ImageUrl(Url.Content("~/Images/Download.png"));
            items.Add()
              .Text("Löschen")
              .ImageUrl(Url.Content("~/Images/Delete.png"));

        })
        .Events(e => e.Select("ContextClick"))

    )

This is ok but i would like to have the items added dynamically depending on type of row clicked on grid. Each row in grid has a different type and right clicking show a different context menu with different action.

How can i achieve this in my razor view.

Thanks

Anamika

[Daniel]

Hello Anamika,

It is possible to use the setOptions method to set the dataSource option in the open event in order to show different items for each row. I created an example that demonstrates this scenario.


Regards,
Daniel
Telerik

 

 

[Matt]

Hi Daniel,
Any reason that, if I attempt to add a submenu to any of the dynamically created menu items, they won't appear?

See example.  The parent item will only flicker, w/ the child item never appearing.

Thanks.

[Matt]

Hi Daniel,
Any reason that, when attempting to add a sub-menu to the dynamically created menu, it doesn't show?

See example.  The parent menu will flicker when hovered over, but never shows it's children.

Thanks.

[Daniel]

Hello Matt,

Because the open event will be triggered when opening the sub items. You can check what is the item parameter before setting the items in order to avoid the problem e.g.

function onOpen(e) {
    if ($(e.item).is("li")) {
        return;
    }
    ...

Regards,
Daniel
Telerik