disable radmenu click event for top level menu items

Question

in my code,

    MenuList = new Telerik.Web.UI.RadMenuItem();
    MenuChild1 = new Telerik.Web.UI.RadMenuItem();
    MenuList.Text = "Orders";
    MenuList.Value = "Orders";

    RadMenu_Control.Items.Add(MenuList);

    if (genRights.Find(delegate(UserRights u) { return u.RIGHT_NAME == "Group Master"; }) != null`enter code here`)
    {
        CategoryList = new Telerik.Web.UI.RadMenuItem();
        CategoryList.Text = "Purchase Order";
        CategoryList.Value = "order";
        MenuList.Items.Add(CategoryList);
        //MenuChild1 = new Telerik.Web.UI.RadMenuItem();
        //MenuChild1.Text = "PURCHASE ORDER";
        //MenuChild1.Value = "order";
        //MenuList.Items.Add(MenuChild1);
    }
    else
    {

    }

now in this i want to disable click on "Orders" not on "Purchaser order" because it is child item.

Answer 1

First you need to add the event "OnClientItemClicking" to to your RadMenu. Like this:

<telerik:RadMenu ID="RadMenu1" runat="server" OnClientItemClicking="DisableRootClick">

And here is the body of the DisableRootClick javascript function:

function DisableRootClick (sender, args) {
    if (args.get_item().get_items().get_count() != 0 && args.get_item().get_level() == 0) {
            args.get_item().set_selected(false);
            args.get_item().set_focused(false);

            args.set_cancel(true); // Cancel the event
    } 

}

And here you go :)