将 IEnumerable<SelectListItem> 传递给控制器

Question

我正在我的 HTTPGet 中构建一个 IEnumerable 并将其传递给我的视图。我的问题是使用 hiddenfor 将所选信息返回到控制器。

    [HttpGet]
    public ActionResult Index(int id)
    {
        RANKDModel model = new RANKDModel();
        model.thingList = new List<thingsModel>();
        List<SelectListItem> thingRank = new List<SelectListItem>();

        var tblThingGroup = db.tblThingGroup.Where(x => x.thingCollectionID == id).Include(t => t.tblThing).Include(t => t.tblThingCollection).OrderBy(x => x.displayOrder);

        model.thingRank = new SelectList(thingRank, "Value", "Text");

        int i = 1;

        foreach (var thing in tblThingGroup)
        {
            thingRank.Add(new SelectListItem()
            {
                Value = thing.tblThing.thingID.ToString(),
                Text = i.ToString()
            });
            model.thingRank = new SelectList(thingRank, "Value", "Text");

            thingsModel things = new thingsModel();

            things.thingID = thing.tblThing.thingID;
            things.thingName = thing.tblThing.thingName;
            things.thingImgPointer = thing.tblThing.thingImgPointer;

            model.thingList.Add(things);
            i++;
        }

        return View(model);
    }

    [HttpPost]
    public ActionResult Index(RANKDModel model, IEnumerable<SelectListItem> thingRank)
    {
        //check model.Selecteditem
        return View(model);
    }

我的视图显示下拉列表，但我似乎无法将值传递回 Post 上的控制器。下面是我的看法。注释行是失败的尝试。我宁愿不在这里使用 ajax。由于我的值和我的文本字段是我所需要的，我觉得我应该能够将它们传递回控制器，即使它们不是模型的一部分（这很好，但我在那里也没有成功。）

@using (Html.BeginForm())
{
    <div class="col-md-8">
        @Html.TextBoxFor(modelItem => Model.firstName, new { @class = "form-control" })
        @Html.TextBoxFor(modelItem => Model.lastName, new { @class = "form-control" })
    </div>

    <table class="table">
        @Html.HiddenFor(modelItem => Model.thingRank)

        @for (int i = 0; i < Model.thingList.Count; i++)
        {
            string imagePointer = "/Areas/RANKD/thingImages/" + Model.thingList[i].thingImgPointer;
            <tr>
                <td>
                    @Html.HiddenFor(modelItem => Model.thingList[i].thingID)

                    @Html.DropDownListFor(modelItem => modelItem.thingRank, (IEnumerable<SelectListItem>)ViewBag.thingRank, "Rank it Bro.") @*Model.thingRank.Items as IEnumerable<SelectListItem>)*@

                    @*@Html.HiddenFor(modelItem => modelItem.thingRank[Model.thingRank(i)].Value)*@

                    @Html.HiddenFor(modelItem => modelItem.thingRank[Model.thingRank.IndexOf(i)].Value)

                    @*@Html.HiddenFor(modelItem => modelItem.thingRank)*@

                    @Html.DisplayFor(modelItem => Model.thingList[i].thingName)
                </td>
                <td>
                    <img src="@imagePointer" alt="@Model.thingList[i].thingName" height="75" />
                </td>
            </tr>
        }

    </table>

    <input type="submit" value="RANK IT" class="btn btn-default" />
}

我只是在 hiddenfor 中遗漏了一些东西吗？

在我的 RANDModel 中添加代码

[Serializable]
public class RANKDModel
{
    public string firstName { get; set; }
    public string lastName { get; set; }
    public List<thingsModel> thingList { get; set; }
    public IEnumerable<SelectListItem> thingRank { get; set; }
}

Answer 1

您在for 循环中创建了许多下拉菜单。我猜你需要它们，以便用户可以在每一行中选择一些东西。现在你有这个：

@Html.DropDownListFor(modelItem => modelItem.thingRank, 
    (IEnumerable<SelectListItem>)ViewBag.thingRank, "Rank it Bro.")

因此 Razor 视图引擎将创建许多 HTML 标记并将name 属性设置为thingRank。你不希望出现这种情况。你想给每个元素一个唯一的name。此外，当在每个下拉列表中选择某些内容时，稍后在 POST 方法中提交表单时将需要它。因此，为您的模型再添加一个属性：

public List<int> SelectedRanks { get; set; }

在 GET 操作中，您需要将该属性设置为与 thingList 相同数量的项目，因为您需要为每个项目设置一个下拉列表。因此这样做：

// ...other code
model.SelectedRanks = new List<int>(model.thingList.Count);
return View(model);

现在在您看来，在您的 for 循环中使用此代码（请注意此处的索引操作）：

@Html.DropDownListFor(modelItem => this.Model.SelectedRanks[i], 
    this.Model.thingRank, "Rank it Bro.")

现在每个下拉列表都有一个唯一的name。例如，如果您有 3 个下拉菜单，它们的名称将是：SelectedRanks[0]、SelectedRanks[1] 和 SelectedRanks[2]。

当用户提交表单时，您可以像这样从每个下拉列表中检索选定的值：

[HttpPost]
public ActionResult Index(RANKDModel model)
{
    // model.SelectedRanks will have the value selected
    // For example, model.SelectedRanks[0] will have the value selected
    // in the first dropdown, model.SelectedRanks[1] will have value 
    // selected in the second dropdown and so on.
}

一些最终建议

1. 请为您的属性提供有意义的名称。例如，thingList 不是一个有意义的名称。
2. 对类名和属性名使用 Pascal 表示法。所以应该是ThingList，而不是thingList。
3. 如果您有 2 个字符的首字母缩写词，请使用大写字母，否则使用 Pascal 表示法。比如RANKDModel应该是RankdModel（不应该是RankedModel吗？）