在foreach-loop中创建许多DropDownListFor

时间:2013-04-16 10:17:42

标签: c# asp.net-mvc html.dropdownlistfor html-select

我想从List中动态创建DropDownLists,它提供SelectList和一个保存选择的字段。

public class ViewModel
{
    public List<Material_Select> materialSelect { get; set; }
}

public class Material_Select
{
    public SelectList selectList { get; set; }
    public int MaterialId { get; set; }
}

在视图中,我想循环遍历materialSelect List并动态创建DropDownLists。

这样的事情:

int count = 0;
foreach (var item in Model.materialSelect)
{
    count++;
    <div class="editor-label">
        @Html.LabelFor(model => model.materialSelect)
    </div>
    <div class="editor-field">
        @Html.DropDownListFor(item.MaterialId, item.selectList)
    </div>       
}

在HttpPost ActionResult中,我需要获取所选的值。有没有人知道如何解决这个问题?

2 个答案:

答案 0 :(得分:9)

您应该使用EditorTemplates。这些允许你疯狂地做你所描述的。如果在〜/ Views / Shared / EditorTemplates / Material_Select.cshtml中创建强类型的局部视图(视图必须与模型命名相同),如下所示:

@model Material_Select

<div class="editor-label">
    @Html.LabelFor(m => m.MaterialId)
</div>
<div class="editor-field">
    @Html.DropDownListFor(m => m.MaterialId, Model.selectList)
</div>

然后在整体表格中,您可以致电:

@Html.EditorFor(m => m.materialSelect)

将自动枚举您的集合并为集合中的每个项目呈现编辑器模板。

答案 1 :(得分:5)

假设count从0开始,并且你的action post方法收到一个ViewModel类型的参数,你可以尝试这个来为每个下拉列表绑定MaterialId:

foreach (var item in Model.materialSelect)
{
    count++;
    <div class="editor-label">
       Name for de dropdown
    </div>
    <div class="editor-field">
        @Html.DropDownList("materialSelect[" + count + "].MaterialId ", item.selectList)
        @Html.ValidationMessageFor(model => model.gradationId)
    </div>       
}