从哪里开始呢...我在互联网上能找到类似的内容,但它们似乎从未与我想要做某事的特定方式起作用。我尝试过使用和不使用部分视图,但成功率很低。
快速概述:我有一个带有Ajax表单的强类型视图。在表单下面,我有一个foreach循环,重复一个代码块。我需要能够根据表单的选择(筛选器)更新代码块。
这是我的视图,“FindATeacher.cshtml”的当前状态(尝试了许多不同的想法后):
@model Teachers.Models.OmniModel
@{
ViewBag.Title = "FindATeacher";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>Find a Teacher</h2>
@using (Ajax.BeginForm("FilterTeachers", "Home", new AjaxOptions { HttpMethod = "Post", OnSuccess = "onSuccess" }))
{
<div id="ContentFilter">
<div class="filterLabels">
<p>Search by Name</p>
<p>Filter By Instrument</p>
<p>Filter By City</p>
</div>
<div class="filterObjects">
<p>
<input type="text" id="nameTXT" />
<button type="submit" id="findButton">find</button>
</p>
<p>@Html.DropDownList("InstrumentID", (SelectList)Model.Instruments, "-- Select an Instrument --", new { id = "instrumentDD" })</p>
<p>@Html.DropDownList("CityID", (SelectList)Model.Cities, "-- Select a City --", new { id = "cityDD" })</p>
</div>
</div>
}
<hr />
@foreach (var r in Model.Teachers)
{
<div id="ContentResults">
<div id="avatar">
<img src="i" />
</div>
<div id="demographics">
<h6>@r.Teacher</h6>
<strong>@r.StudioName</strong>
<p><a href="#">@r.URL</a></p>
<p>@r.StreetAddress</p>
<p>@r.City, @r.AddressStateID @r.Zip</p>
<p>@r.Phone</p>
<p>@r.EmailAddress</p>
</div>
<div id="studioDetails">
<p><strong>Instrument(s) Taught</strong></p>
<p>
@{
var instrumentString = r.Instruments.Aggregate("", (a, b) => a + b.Instrument + ", ");
if (instrumentString.Length != 0)
{
instrumentString = instrumentString.Remove(instrumentString.LastIndexOf(","));
}
}
@instrumentString
</p>
<br />
@if (r.Information != "" && r.Information != null)
{
<p><strong>Information</strong></p>
<p>@r.Information</p>
}
</div>
</div>
}
现在,这是我的控制器。我在控制器中正确地获取了结果,但代码块没有更新:
public ActionResult FindATeacher()
{
Model.Instruments = new SelectList(TeacherService.GetInstrumentList(0),"InstrumentID","Instrument");
Model.Cities = new SelectList(TeacherService.GetCityList(),"CityID","City");
Model.Teachers = TeacherService.GetTeacherList("", 0);
return View(Model);
}
[HttpPost]
public JsonResult FilterTeachers(String teacherName, String instrumentID, String cityID)
{
Model.Teachers = TeacherService.GetTeacherList("John", 0, 0);
return Json(Model.Teachers);
}
谢谢。
TeacherList.cshtml
是一个局部视图,对吧?在控制器中应该是return PartialView("TeacherList", Model.Teachers);
对吗? - Haritha