connectseekers.com

Sunday, 19 October 2014

Dynamically Load Asp.net MVC Layout Page On DropDownList Value Using C#.Net

10/19/2014 - By Pranav Singh 0

This article will show you how you can dynamically load the mvc layout page on selection of dropdown value.  This article will help you on identifying or loading the master or layout page on conditional bases using c#.net in asp.net mvc.


So for this article first we will create a new asp.net mvc application and add a controller class file and add the below code.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace MvcApplication9.Controllers
{
    public class HomeController : Controller
    {
        //
        // GET: /Home/

        public ActionResult Index()
        {
            ViewBag.LayoutId = 1;
            return View();
        }
        [HttpPost]
        public ActionResult Index(int Layout)
        {
            ViewBag.LayoutId = Layout;
            return View();
        }

    }
}

In above I have shown get and post method. In post method I have passed the dropdown list value as a value of layout page.

After this we will create two layout page by changing header value.

LAYOUT1
<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
</head>
<body>
    <table width="100%" border="1">
        <tr>
            <td>
                <h2>
                    LAYOUT HEADER 1</h2>
            </td>
        </tr>
        <tr>
            <td>
                @RenderBody()
            </td>
        </tr>
    </table>
</body>
</html>

LAYOUT2
<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
</head>
<body>
    <div>
        <table width="100%" border="1">
            <tr>
                <td>
                    <h2>
                        LAYOUT HEADER 2</h2>
                </td>
            </tr>
            <tr>
                <td>
                    @RenderBody()
                </td>
            </tr>
        </table>
    </div>
</body>
</html>

Now create the view on action method and add the below code in it.

@{
    if (ViewBag.LayoutId == 1)
    {
        ViewBag.Title = "Layout 1";
        Layout = "../Shared/_Layout.cshtml";
    }
    else
    {
        ViewBag.Title = "Layout 2";
        Layout = "../Shared/_LayoutPage1.cshtml";
    }
   
}
@using (Html.BeginForm("Index", "Home"))
{
    <select name="Layout">
        <option value="1">Layout 1</option>
        <option value="2">Layout 2</option>
    </select><br />
    <input type="submit" value="Submit" />
}

In above code I have created a dropdown list in which I have defined layout name. Now check the above part of the code. In this code I have validate the viewbag value and on the bases of value I have changed the layout page.

Now run the page to c heck the output.


Now select layout2 and click on submit button. Just check the below image where i am capturing dropdown liat value and storing it in viewbag.



Now press F5 and check the final output.


About the Author

We are the group of people who are expertise in different Microsoft technology like Asp.Net,MVC,C#.Net,VB.Net,Windows Application,WPF,jQuery,Javascript,HTML. This blog is designed to share the knowledge.

Get Updates

Subscribe to our e-mail newsletter to receive updates.

Share This Post

0 comments:

Please let me know your view

Free Ebooks


About Us

We are the group of people who are expertise in different Microsoft technology like Asp.Net,MVC,C#.Net,VB.Net,Windows Application,WPF,jQuery,Javascript,HTML. This blog is designed to share the knowledge.

Contact Us

For writing article in this website please send request by your

GMAIL ID: dotnetpools@gmail.com
Email Id : contact@aspdotnet-pools.com

Bugs and Suggestions

As we all know that this website is for sharing knowledge and providing proper solution. So while reading the article is you find any bug or if you have any suggestion please mail us at contact@aspdotnet-pools.com.

Partners


Top jQuery Plugins

Global Classified : Connectseekers.com
© 2014
back to top