Question

我想在我网站的所有页面中添加一个下拉列表。我假设一个好的地方把这个逻辑放在布局页面（_layout.cshtml）中。如果用户更改年份，我想更改我的年会（ModelBinder）也要更改。这对于ASP.NET Web表单来说非常容易，但在MVC中几乎不可能做到。我尝试了一个没有运气的局部视图。有人有什么想法吗？

Answer 1

像往常一样，您可以从定义视图模型开始：

public class YearsViewModel
{
    public string Year { get; set; }
    public IEnumerable<SelectListItem> Years
    {
        get
        {
            return new SelectList(
                Enumerable.Range(1900, 112)
                .OrderByDescending(year => year)
                .Select(year => new SelectListItem
                {
                    Value = year.ToString(),
                    Text = year.ToString()
                }
            ), "Value", "Text");
        }
    }
}

然后是控制器：

public class YearsController : Controller
{
    public ActionResult Index()
    {
        return View(new YearsViewModel());
    }

    [HttpPost]
    public ActionResult Index(int year)
    {
        // TODO: do something with the selected year
        return new EmptyResult();
    }
}

以及索引操作的相应视图：

@model SomeAppName.Models.YearsViewModel
@{
    Layout = null;
}
@Html.DropDownListFor(x => x.Year, Model.Years)

最后在_Layout.cshtml内你可以使用这个控制器：

<div id="selectyear">@Html.Action("index", "years")</div>

并附加一个相应的脚本，当值发生变化时会发送一个AJAX请求：

$(function () {
    $('#selectyear select').change(function () {
        $.post('@Url.Action("index", "years")', { year: $(this).val() }, function (result) {

        });
    });
});

MVC 3布局页面，Razor模板和DropdownList

1 个答案: