让我解释一下场景是什么。在下图中,我有一个下拉列表和一个 div 框,下拉列表始终有两个选项,当更改此选项时,应该在 div 框中加载一个 PartialView。
当页面第一次加载时,应该显示下拉菜单的第一个选项。
现在我将向您展示我的代码。
[HttpGet]
public ActionResult Monitor(short id, string viewBy = "class")
{
var model = db.Assignments.Find(id);
List<SelectListItem> list = new List<SelectListItem>()
{
new SelectListItem() { Text = "Class", Value = "class" },
new SelectListItem() { Text = "TEKS", Value = "teks" }
};
MonitorViewModel vm = new MonitorViewModel
{
AssignmentId = model.AssignmentId,
AssignmentName = model.Name,
ViewBy = list,
SelectedView = viewBy
};
return View(vm);
}
public ActionResult MonitorContentView(short assignmentId, string viewBy)
{
if (viewBy.Equals("class"))
return MonitorByClass(assignmentId);
else
return MonitorByTEKS(assignmentId);
}
public ActionResult MonitorByClass(short assignmentId) { ... }
public ActionResult MonitorByTEKS(short assignmentId) { ... }
我的剃刀观点
@model Contoso.MvcApplication.ViewModels.Stats.MonitorViewModel
@{
ViewBag.Title = "Monitor";
}
<hgroup>
<h2>Monitor</h2>
<h3>@Model.AssignmentName</h3>
</hgroup>
<div>
<span>View by: </span>@Html.DropDownListFor(model => Model.SelectedView, Model.ViewBy, new { id = "monitorViewByDropDown" })
</div>
@using (Html.BeginForm(new { id = "monitorForm" })) {
<div id="monitor-content-view">
@Html.Action("MonitorByClass", new { assignmentId = @Model.AssignmentId })
</div>
}
因此,当用户更改下拉值时,应该必须通过 AJAX(我还没有实现)调用MonitorContentView
在其中传递值来获取部分视图。
我在做什么是一个很好的实现?还是有其他更好的方法?我想知道加载局部视图的方式是否很好。