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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to navigate the internal pages while clicking the list item in the navigation drawer?

Platform: JavaScript |
Control: ejNavigationDrawer |
Published Date: March 5, 2015 |
Last Revised Date: March 5, 2015

You can navigate to the internal page by using ajax. Refer to the following steps.

First, create an internal page from where you can get the content on clicking the items in the drawer. Then, render navigation drawer with mousedown event to handle the ajax post as in the following code example.



Now, you need to handle $.ajax() function to load the internal page content to the current page. Refer to the following code example.


function slideMenuClick(args) {


                url: "ajaxpages/" + args.text + ".html", //To get internal page url

                type: "POST",

                success: function (e, status, response) {

                    //Success handler of content loading while list click happens


                    $('#target').html(args.text);//To change the header based on the internal page content



                error: function (error) {








You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon 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.Close Icon