I have a partial view called Search.cshtml that I display in /Home/Index. In this file, I have an HTML form that searches and pulls back /Views/Accounts/Index with the search results. I want to display those results in the modal popup div that is in the Search view.
When I Click the Search (sumbit input) in the code below I get an empty modal.
I am still a novice when it comes to MVC. I tried a few different results I found on Stack Overflow, but I haven't been able to find the resolution. The code below at least gives me a modal pop up, although it is blank.
Am I missing something insanely simple? I have tried everything in the modal-body below (Html.Action, RenderAction, Partial, RenderPartial) and nothing seems to work. Also, am I barking up the wrong tree there?
I have a couple screenshots and the code below.
/Home/Index with Search partial view
Search.cshtml
@model CustomerRelationshipManager.Models.Search
@{ViewBag.Title = "Search";}
@using (Html.BeginForm("Index", "Accounts", new { id = "searchForm" }))
{
<div style="border: solid 1px #ccc; padding: 30px 0 30px 30px; border-radius: 5px;
width: 325px; margin: auto; display: table;">
<table>
<tr>
<td valign="top">
Search By:
</td>
<td>
@Html.DropDownList("Search_Type", "Search_Type")
</td>
</tr>
<tr>
<td valign="top"></td>
<td>
@Html.TextBox("Search_String")
</td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" data-toggle="modal" data-target="#myModal" value="Search" />
</td>
</tr>
</table>
</div>
<div class="modal fade" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
@{Html.Action("Index","Accounts");}
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
}
HomeController.cs
public ActionResult Search()
{
List<SelectListItem> items = new List<SelectListItem>();
items.Add(new SelectListItem() { Text = "Account Number", Value = "Account_ID" });
items.Add(new SelectListItem() { Text = "Last Name", Value = "Last_Name" });
items.Add(new SelectListItem() { Text = "Phone Number", Value = "Phone_Number" });
ViewBag.Search_Type = items;
return PartialView();
}
[HttpPost]
[AllowAnonymous]
public ActionResult Search(Search search)
{
return PartialView("~/Accounts/Index");
//return RedirectToAction("Index", "Accounts");
}
AccountController.cs (I want to call Index() from this Controller)
public ActionResult Index(string Search_Type, string Search_String)
{
if (Search_String == null)
{
var accounts = db.Accounts
.Include(a => a.Account_Type)
.Include(a => a.Account_Person)
.Include(a => a.Account_Address)
.Include(a => a.Account_Contact);
return PartialView(accounts.ToList());
}
else
{
if (Search_Type == "Account_ID")
{
var accounts = db.Accounts
.Include(a => a.Account_Type)
.Include(a => a.Account_Person)
.Include(a => a.Account_Address)
.Include(a => a.Account_Contact)
.Where(a => a.Account_ID.ToString() == Search_String);
return PartialView(accounts.ToList());
}
else if (Search_Type == "Last_Name")
{
var accounts = db.Accounts
.Include(a => a.Account_Type)
.Include(a => a.Account_Person)
.Where(b => b.Account_Person.Any(c => c.Person.Last_Name.StartsWith(Search_String)))
.Include(a => a.Account_Contact)
.Include(a => a.Account_Address);
return PartialView(accounts.ToList());
}
else if (Search_Type == "Phone_Number")
{
var accounts = db.Accounts
.Include(a => a.Account_Type)
.Include(a => a.Account_Person)
.Include(a => a.Account_Contact)
.Where(b => b.Account_Contact.Any(c => c.Contact.Value == Search_String && c.Contact.Contact_Type.Name.Contains("Phone")))
.Include(a => a.Account_Address);
return PartialView(accounts.ToList());
}
else
{
var accounts = db.Accounts
.Include(a => a.Account_Type)
.Include(a => a.Account_Person)
.Include(a => a.Account_Address)
.Include(a => a.Account_Contact);
return PartialView(accounts.ToList());
}
}
Account Index.cshtml (I want to display this in the modal popup)
@model IEnumerable<CustomerRelationshipManager.Models.Account>
@{
ViewBag.Title = "Home";
}
<h2>Index</h2>
<p>
@Html.ActionLink("Create New", "Create")
</p>
<table class="table">
<tr>
<th>Account #</th>
<th>Contact Name(s)</th>
<th>Address</th>
<th>Contact</th>
</tr>
w2
@foreach (var item in Model)
{
<tr>
<td>
@Html.DisplayFor(modelItem => item.Account_ID)
<span> </span>
</td>
<td>
@foreach (var i in item.Account_Person)
{
<span>
<b>@Html.DisplayFor(x => i.Person_Type.Name)</b>
<br />
@Html.DisplayFor(x => i.Person.First_Name)
@Html.DisplayFor(x => i.Person.Last_Name)
</span>
<br />
}
</td>
<td>
@foreach (var i in item.Account_Address)
{
<span>
<b>@Html.DisplayFor(x => i.Address_Type.Name)</b>
<br />
@Html.DisplayFor(x => i.Address.Address1)
<br />
@Html.DisplayFor(x => i.Address.Address2)
@if (i.Address.Address2 != null)
{ <br />}
@Html.DisplayFor(x => i.Address.City)
@Html.DisplayFor(x => i.Address.State)
@Html.DisplayFor(x => i.Address.Postal_Code)
<br />
@Html.DisplayFor(x => i.Address.Country)
<br />
</span>
}
</td>
<td>
@foreach (var i in item.Account_Contact)
{
<span>
<b>@Html.DisplayFor(x => i.Contact.Contact_Type.Name)</b>
<br />
@Html.DisplayFor(x => i.Contact.Value)
<br />
</span>
}
</td>
<td>
@Html.ActionLink("Edit", "Edit", new { id = item.Account_ID }) |
@Html.ActionLink("Details", "Details", new { id = item.Account_ID }) |
@Html.ActionLink("Delete", "Delete", new { id = item.Account_ID })
</td>
</tr>
}
