We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

Responding to menuitem clicks

Thread ID:

Created:

Updated:

Platform:

Replies:

107973 Mar 26,2013 05:41 PM Apr 3,2013 02:47 AM ASP.NET MVC (Classic) 1
loading
Tags: Tools
Doug Matulis
Asked On March 26, 2013 05:41 PM

Hello,

I am very, very new to Javascript and now a new user to Syncfusion controls.  I have a question regarding responding to menuitem clicks from the menu control in my ASP.NET MVC 4 application.  Assuming handling these events is best done from Javascript, how do you navigate to another page in your site from Javascript code using the Syncfusion menu control?  Is there a sample that shows how to setup and what the call is in Javascript to so this?

Thanks,
Doug

Meena [Syncfusion]
Replied On April 3, 2013 02:47 AM

Hi Doug,

 

Thanks for contacting Syncfusion forums.

 

Your requirement of navigating to a page on menu item click can be achieved in two ways.

 

Way 1: We have given an in-built support for menu item page navigation. This can be achieved using “UrlMapper” property of the Menu Item.

 

Please refer the below code snippet,

 

<code>

 

[View]

 

@Html.Syncfusion().Menu("MyMenu").Mode(MenuModel.ModeType.NormalMenu).Width(300).ClientSideOnClick("ClientSideOnClick").DataSource((System.Collections.IEnumerable)ViewData["MenuData"]).BindTo(fields => fields.Id("ID").ParentId("ParentID").Text("MenuText").UrlMapper("LinkAttributes"))

 

[Models]

        public object LinkAttributes

        {

            get

            {

                return new { rel='nofollow' href = "http://www.google.com" };

            }

        }

</code>

 

In the above code, we have bind the menu items using generic list binding.

 

Way 2: As per your requirement, we can also achieve the page navigation in javascript using “ClientSideOnClick” event. Please refer the below code snippet.

 

<code>

 

[View]

@Html.Syncfusion().Menu("MyMenu").Mode(MenuModel.ModeType.NormalMenu).Width(300).ClientSideOnClick("ClientSideOnClick")

 

[Script]

 

// This event will be triggered on menu item click.

 

function ClientSideOnClick(sender, args) {      

        window.location.replace("http://www.google.com");

    }

 

</code>

 

We have also prepared a simple sample with the above requirement and it can be downloaded from the below link.

 

Note : In the attached sample, we have achieved the requirement in javascript.

 

Kindly have a look at the sample and let us know if it helps.

 

Sorry for the delayed response.

 

Regards,

Meena



F107973_MenuSample_bf642850.zip

CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;