How to get selection index of radmenu using javascript

[Bharat]

Hi

I am adding a radmenu onto a page through class not through source. Now I want to access the value or selected index using javascript. I tried to accomplish this task by finding rad menu but its giving an exception that RadMenu with this id does not exists
e.g
$find("<%= RadMenu1.ClientID %>");

I can not access this neither on page nor in any javascript file.

Please let me know how to do this.

Thank
Bharat Bhushan

[Aneliya Petkova]

Hi Bharat,

You can obtain the reference to the client-side RadMenu object using the following JavaScript code:

var menu = $find("<%= RadMenu1.ClientID %>");

Attached you can find a very simple example.
Please also check our help articles on Client-Side programming:

Regards,
Aneliya Petkova
Telerik

 

 

[Bharat]

But the issue is that I am adding this dynamically not from design, So I am not able to find it neither from page nor from javascript

[Princy]

Hi Bharat,

It is not possible to directly access the dynamically created control in JavaScript. One approach is that you can pass the control id from the server side by using Attributes parameter and access it in JavaScript. In the above posted code I am passing the ID of  dynamically created RadMenu in OnClientClicked event of RadButton, and accessing it in JavaScript by using getAttribute method. Please elaborate your requirement if it doesn't help.

C#:

radbtnSelectedMenu.OnClientClicked = "GetSelectedItemIndex";
//passing id of the dynamically created RadMenu
radbtnSelectedMenu.Attributes.Add("MenuId", Menu.ClientID);

JavaScript:

function GetSelectedItemIndex(sender, args) {
    //accessing id of the RadMenu
    var menu = document.getElementById(sender.get_id()).getAttribute("MenuId");
    var menuId = document.getElementById(menu);
}

Thanks,
Princy.

[Aneliya Petkova]

Hi Bharat,

If you create a RadMenu dynamically, the easiest way to find the menu is to declare a public string MenuClientID in the code behind and to initialize that string with the menu.ClientID. Then you could find the menu on the client-side using the following JavaScript:

var menu = $find("<%=MenuClientID%>");

I modified the project I send you in the previous thread. Please check it and let me know if this is helpful.

Regards,
Aneliya Petkova
Telerik

 

 

[Bharat]

Thanks for your support. Now I am able to get selectedindex, selectedvalue.
Thanks once again

[A. Koster]

Hello,
      Can anyone help me out of my issue. I'm using tab key for index change in the Radmenu for that using below javascript and its working fine but for the last Radmenuitem its not getting hidie . so how can i want to change this code to getting hide???

<script language="javascript" type="text/javascript">
function OnClientItemFocus(sender, eventArgs) 
{
eventArgs.get_item().open();
}
</script>

Thanks in Advance
Regards
Reshmaa Ramamurthy.

[Aneliya Petkova]

Hi Alfred,

You can use the following workaround to get the desired functionality of the RadMenu control:

<script type="text/javascript">
    function OnClientItemFocus(sender, eventArgs) {
        eventArgs.get_item().open();
    }
    function OnClientItemBlurMenu(sender, args) {
        sender.close(true);
    }
</script>

Markup:

<telerik:RadMenu ID="RadMenu1" runat="server" RenderMode="Classic" ClickToOpen="true" OnClientItemFocus="OnClientItemFocus" OnClientItemBlur="OnClientItemBlurMenu">

    <Items>
...

Regards,
Aneliya Petkova
Telerik