Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Return a partial view from a controller?

So, we can return a partial view from a controller like this:

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

namespace MvcApplication1.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            ViewBag.Message = "Modify this template to jump-start your ASP.NET MVC application.";

            return View();
        }

        public ActionResult About()
        {
            ViewBag.Message = "Your app description page.";

            return View();
        }

        public ActionResult Contact()
        {
            ViewBag.Message = "Your contact page.";

            return View();
        }

        public PartialViewResult Address()
        {
            Address a = new Address 
            { 
                Line1 = "111 First Ave N.", 
                Line2 = "APT 222", 
                City = "Miami", 
                State = "FL", 
                Zip = "33133" 
            };

            return PartialView(@"~/Views/Home/_Address.cshtml", a);
        }
    }
}

But, how am I supposed to use the returned partial view? I created _Address.cshtml under Views/Home, like this:

@model MvcApplication1.Models.Address

<p>
    This is a partial view of address.
</p>
<p>
  @Model.City
</p>

And, at the end of Views/Home/Contact.cshtml, I added this line:

@Html.Partial(@"~/Views/Home/_Address.cshtml")

And I expect to see the City of my address, but it doesn't show up. I am confused.

like image 468
Stack0verflow Avatar asked Mar 27 '14 02:03

Stack0verflow


1 Answers

When the partial takes a different model than the method you're including it in you need to use the overload that takes a model parameter and supply the model for the view. By default it uses the same model as the including view. Typically you only need the path if it's in a different, non-shared folder. If it's in the same controller's folder, using just the name should do the trick.

@Html.Partial("_Address", Model.Address)

On the other hand, if you're asking how do I get the partial view from an action included in my page, then you want to use the Action method instead of the Partial method.

@Html.Action("Address")

EDIT

To make the partial work you need to pass a Contact model to the contact view.

public ActionResult Contact()
{
     var contact = new Contact
     {
        Address = new Address
                  { 
                       Line1 = "111 First Ave N.",
                       Line2 = "APT 222",
                       City = "Miami",
                       State = "FL",
                       Zip = "33133"
                  }
     }

     return View(contact);
}
like image 54
tvanfosson Avatar answered Oct 06 '22 12:10

tvanfosson