Help: How can I get the selected menu item in a Select event?

[Arnold Smith]

Hi,

I'm trying to get the selected menu item. Based on that selection I want to execute other code.

I've tried the following combination without success:

    function Select(e) {
        // "this" in this event handler will be the component.
        // the "e" is an object passed by the jQuery event trigger.
        e.stopPropagation();
        var item = $(e.item);
        var text = item.find('> item.t-link').text();
        alert(text);

        var menu = $("#Menu").data("tMenu");
        alert(menu);
        var item = $("> li", menu.selected)[$("#itemIndex").val()];
        alert(e.valueOf(item));
    }

Someone must know this...???


Thanks,

Arnold

[Alex Gyoshev]

Hello Arnold,

As seen in the client-side events online demo, you can get the menu item text in the following way:

    function onSelect(e) {
        var item = $(e.item);
        alert(item.find('> .t-link').text());
    }

Kind regards,
Alex Gyoshev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Darrien]

What other properties are exposed besides the *.text()* one?  I have Menu Items without Text (only images).  I tried .Index() to no avail.

[Atanas Korchev]

Hi Darrien,

 The .text() function is not exposed by our API - it is part of jQuery. Index is available but you should try calling it like this:

var index = $(e.item).index();

Regards,
Atanas Korchev
the Telerik team