0

让我解释一下场景是什么。在下图中,我有一个下拉列表和一个 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在其中传递值来获取部​​分视图。

我在做什么是一个很好的实现?还是有其他更好的方法?我想知道加载局部视图的方式是否很好。

4

1 回答 1

0

如果您在 中有一个复杂的视图monitor-content-view,则该视图由MonitorByClass或返回,MonitorByTEKS那么最好返回一个ViewResult。如果代表上述两种方法的每个视图都没有那么复杂,那么最好返回一个 json 结果并在客户端填充您的视图。如果两个视图共享公共字段,其中某些字段根据调用的方法隐藏/显示,那就更好了。

于 2013-03-24T17:44:47.487 回答