Question

I have an Index.cshtml view, a Filter.cshtml partial view and Results.cshtml partial view. I want to see values from my Results.cshtml parital view after the user has clicked the search button, along with the content from Index.cshtml and Filter.cshtml. How do I structure my page(s) to see content from Results.cshtml after the search button is clicked, along with other content?

This is what I have for my Index.cshtml view

@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}

@{ Html.RenderPartial("Filter"); }
@{ Html.RenderPartial("Results"); }

Answer 1

You could use a view model:

public class MyViewModel
{
    public string Filter { get; set; }
    public string Results { get; set; }
}

and then:

public class HomeController: Controller
{
     public ActionResult Index()
     {
         return View(new MyViewModel());
     }

     [HttpPost]
     public ActionResult Index(MyViewModel model)
     {
         model.Results = "this is the result"; 
         return View(model);
     }
}

and in the view:

@model MyViewModel
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@{ Html.RenderPartial("Filter"); }
@if (Model.Results != null)
{
    @{ Html.RenderPartial("Results"); 
}

and using templates:

@model MyViewModel
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@Html.EditorFor(x => x.Filter)
@if (Model.Results != null)
{
    @Html.DisplayFor(x => x.Results)
}