This is a migrated thread and some comments may be shown as answers.

Get Menu Text Selected Client Side

3 Answers 185 Views

This is a migrated thread and some comments may be shown as answers.

3 Answers, 1 is accepted

answered on 12 Dec 2014, 08:53 AM

Hi Jerry,

You can use the OnClientItemClicked or OnClientItemFocus events. Please try the following example:

<head runat="server">

<title></title>

<style>

.eventLog {

display: block;

position: relative;

float: right;

right: 300px;

width: 300px;

height:300px;

}

</style>

</head>

<body>

<form id="form1" runat="server">

<div>

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<telerik:RadMenu ID="RadMenu1" runat="server" Style="left: 100px; top: 2px" OnClientItemFocus="onItemFocus">

<Items>

<telerik:RadMenuItem runat="server" Text="Root RadMenuItem 1">

<Items>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">

<Items>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 3">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 3" Enabled="false">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Root RadMenuItem 2">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Root RadMenuItem 3" Enabled="false">

<Items>

<telerik:RadMenuItem runat="server" Text="Root RadMenuItem 2">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

</div>

<script type="text/javascript">

function onItemFocus(sender, eventArgs) {

var item = eventArgs.get_item();

logEvent("Item " + item.get_text());

}

function logEvent(text) {

var log = $get("EventLog");

log.value += text + "\n";

log.scrollTop = log.scrollHeight;

}

</script>

<textarea id="EventLog" class="eventLog"></textarea>

</form>

</body>

Regards,
Aneliya Petkova
Telerik

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.