[Solved] Ajaxifing a RadMenuItem

[Sabrina]

Hi,

Using the Iana method on this post : http://www.telerik.com/community/forums/aspnet-ajax/ajax/radpanel-when-call-a-service.aspx
I want to write something like that to ajaxify a button click.

 <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="ClearBtn">
                <UpdatedControls>
                   <telerik:AjaxUpdatedControl ControlID="ClearBtn" LoadingPanelID="AjaxLoadingPanel">
                   </telerik:AjaxUpdatedControl>
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
</telerik:RadAjaxProxyManager>

Now, I want to do the same thing but on a RadMenuItem. I define my RadMenu like that :

<telerik:RadMenu ID="SaveBtn" ClickToOpen="true" runat="server" EnableEmbeddedSkins="false" CausesValidation="false" OnItemClick="SaveBtn_Click">
                    <Items>
                        <telerik:RadMenuItem Text="save">
                            <Items>
                                <telerik:RadMenuItem Text="text 1"
                                 Value="value 1" />
                                <telerik:RadMenuItem Text="text 2"
                                    Value="value 2" />
                                <telerik:RadMenuItem Text="text 3"
                                    Value="value 3" />
                            </Items>
                        </telerik:RadMenuItem>
                    </Items>
                </telerik:RadMenu>

How to ajaxify the click on the first, second and third RadMenuItem using the same method as above ? (please pay attention I want to use the ClickToOpen set to true)

Thank you,

Sabrina

[Shinu]

Hello Sabrina,

I guess you are unable to open the submenuitems on clicking the root menu since the ClickToOpen property is set to true and postback is taking place. If so you can cancel the server side click event when clicking the root item as shown below (attch the function to OnClientItemClicking of RadMenu).

JavaScript:

<script type="text/javascript">
function OnClientItemClicking(sender, args)
{
    if(args.get_item().get_text() == 'save')
    {
        args.set_cancel(true);
    }
    args.get_item().open(); // Opening the clicked Root item
}
</script>

Also you can try the Ajaxsettings;
ASPX:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="SaveBtn">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="SaveBtn" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>

Please feel  free to correct me if I have not got your scenario right.

Thanks,
Shinu.