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.

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

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.

default.html

 

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

[script]

function slideMenuClick(args) {

            $.ajax({

                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

                    $('#render').html(response.responseText);

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

                    $("#navpane").ejNavigationDrawer("close");

                },

                error: function (error) {

                    alert("error");

                }

            })

        }

 

Output:

 

Article ID: Published Date: Last Revised Date: Platform: Control:
4242 03/05/2015 03/05/2015 JavaScript ejNavigationDrawer
Did you find this information helpful?
Add Comment
You must log in to leave a comment

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.