1

我使用脚手架获得了一个简单的 MVC 页面，它从我的模型中生成了如下代码：

ViewData["CustomersNo"] = new SelectList(_context.Customers, "CustomersId", "Name");

然后我搭建了产生如下标记的视图：

<div class="form-group">
    <label asp-for="CustomersNo" class="col-md-2 control-label"></label>
    <div class="col-md-10">
        <select asp-for="CustomersNo" class ="form-control" asp-items="ViewBag.CustomersNo"></select>
    </div>
</div>

渲染时，它会从我的数据库中与我的客户一起生成一个下拉控件。正是我想要的，我什至不必编写一行代码。

但现在我想使用过滤数据在更自定义的视图上创建一个下拉列表。无论我做什么，它都会呈现为我绝对不想要的多选。

我想使用视图模型，但我也尝试过 ViewData，因为这是脚手架使用的：

proViewModel.Vols = new SelectList(_context.Products.Where(t => t.Type == "Volume"), "ModelId", "ModelId");
ViewData["VolModels"] = new SelectList(_context.Products.Where(t => t.Type == "Volume"), "ModelId", "ModelId");

到目前为止，我的视图模型非常简单：

public class ProductsViewModel
{
    [Key]
    public int ID { get; set; }
    [NotMapped]
    //public IEnumerable<string> Vols { get; set; }
    //public IEnumerable<SelectListItem> Vols { get; set; }
    public SelectList Vols { get; set; }
    [NotMapped]
    public string SelectedModel { get; set; }
}

我尝试了不同的IEnumerable类型，因为这是大多数教程使用的。但是脚手架使用SelectList和这个 SO Q&A以及本教程都说这IEnumerable将创建一个多选并且似乎建议使用SelectList.

但是有了这个标记，我能得到的只是多选：

<td>
    <div class="form-group">
        <label asp-for="Vols" class="col-md-2 control-label"></label>
        <div class="col-md-10">
            <select asp-for="Vols" class="form-control" asp-items="Model.Vols"></select>
        </div>
    </div>
</td>
<td>
    <div class="form-group">
        <label asp-for="Vols" class="col-md-2 control-label"></label>
        <div class="col-md-10">
            <select asp-for="Vols" class="form-control" asp-items="ViewBag.VolModels"></select>
        </div>
    </div>
</td>

我看不出脚手架在做什么和我在做什么之间有什么区别。但是渲染的输出完全不同，不是我想要的。那么我在这里错过了什么？

4

1 回答 1

1

您不能将 a 绑定<select>到复杂对象的集合，这就是事实Vols。A<select>绑定并回发一个简单类型，a<select multiple>绑定并回发一个简单类型的数组。

此外，您绑定到的属性的名称和 的名称SelectList不能相同（有关详细信息，请参阅ViewBag 名称是否与 DropDownList 中的模型属性名称相同？）。

因为您绑定的属性是IEnumerable，<select multiple>所以创建了 a 。

将您的代码更改为

<div class="form-group">
    <label asp-for="SelectedModel" class="col-md-2 control-label"></label>
    <div class="col-md-10">
        <select asp-for="SelectedModel" class="form-control" asp-items="Model.Vols"></select>
    </div>
</div>

并且选定的选项值将绑定到SelectedModel属性。

作为旁注，删除您的[Key]和[NotMapped]属性 - 它们是 EF 特定的属性，在视图模型中没有位置。

于 2017-10-04T21:11:26.613 回答