将视图模型从Form.Submit客户端操作返回到控制器

Question

我有一个控制器，有两个索引方法：

public ActionResult Index()
{
    viewModel.PipelineIndex pivm = new viewModel.PipelineIndex(null, User.Identity.Name);
    return View(pivm);
}
[HttpPost]
public ActionResult Index(viewModel.PipelineIndex model, FormCollection collection)
{
    viewModel.PipelineIndex pivm = null;
    if (ModelState.IsValid)
    {
        string key = collection.AllKeys[0];
        string ID = collection.Get(key).ToString();
        pivm = new viewModel.PipelineIndex(ID, User.Identity.Name);
    }
    else
        pivm = new viewModel.PipelineIndex(null, User.Identity.Name);
    return View(pivm);
}

我使用的ViewModel是一个定义良好的类：

public class PipelineIndex
{
    private Models.Context _db = new Models.Context();
    public List<SelectListItem> GroupList { get; set; }
    public List<string> ButtonCaptions { get; set; }
    public List<ContactDetail> ContactList { get; set; }
    public string PageTitle { get; set; }
    ...

视图使用ViewModel设置网格和下拉控件：

@model BlueSkies.Pipeline.ViewModels.PipelineIndex
@{ ViewBag.Title = "Index"; }
@using (Html.BeginForm()) 
{
    <h2>@Model.PageTitle</h2>
    <div style="clear:both">
        @if (Model != null)
        {
            var grid = new WebGrid(canPage: true, rowsPerPage: 15, canSort: true, ajaxUpdateContainerId: "grid");
            grid.Bind(Model.ContactList, rowCount: Model.ContactList.Count, autoSortAndPage: true);
            grid.Pager(WebGridPagerModes.All);
            @grid.GetHtml(htmlAttributes: new { id = "grid" },
            columns: grid.Columns(
                grid.Column(format: (item) => Html.ActionLink("View", "Details", "Contacts", new { ID = item.Name }, null)),
                grid.Column(format: (item) => Html.ActionLink("Edit", "Edit", "Contacts", new { ID = item.Name }, null)),
                grid.Column("Name"),
                grid.Column(columnName: "Phone1", header: "Phone")
            ));
        }
    </div>
    <hr />
    <div>
        @*foreach (string caption in ViewBag.ButtonCaptions)
        { 
            @Html.ActionLink(caption, "Index", "Pipeline", new { ID = caption }, new { @class = "menuSubButton" })
        }*@
        @Html.DropDownList("GroupDropDown", Model.GroupList, new { @onchange = "this.form.submit()" }) &nbsp; Select a pipe section...
    </div>
}

当下拉菜单触发Form.Submit（在onChange事件上）时，我遇到了挑战。没有模型返回给我的控制器。我确实有FormCollection，但我更希望更新模型，包括下拉列表中的新selectedItem。我错过了什么？是的，我现在正在寻找一个基于非JS的解决方案，或者尽可能接近。我不想AJAX这个页面。

TIA-

注意：这里也有类似的问题。它是基于AJAX的，但在调用控制器时获得相同的null模型。为什么很难找到正确的答案？：）

Answer 1

我认为呈现的HTML表单将有一个名为"GroupDropDown"的select，对吗？如果是这样的话，所选的值将以该名称在提交时返回，并将绑定到模型类上名为groupDropDown的参数或字符串属性groupDropDown。你的模型上有这样的属性吗？

Answer 2

我精神疲惫，所以我添加了这个免责声明。我想回答一个问题会让我离开我的一天。

业务问题似乎是"从下拉列表中选择一个项目，并相应地呈现内容"。如果这是正确的，则无需传递回视图模型的全部内容；你只需要传递回id，它在许多网站上被降级了很多次。

我是不是错过了什么？