在Asp.Net MVC View中使用dropdownlistfor和foreach?

时间:2011-03-24 14:11:41

标签: asp.net asp.net-mvc-3 foreach html.dropdownlistfor

我有一个带有foreach循环的View,用于模型的list属性。现在,我希望能够让用户使用下拉列表设置列表中每个项目的值。但我不知道该怎么做。当它不在foreach循环中时,我已经使用了类似的东西:

@Html.DropDownListFor(model => model.Level, new SelectList(new[] { 1, 2, 3, 4, 5 }, Model.Level))

但是当我需要在循环中引用item.Level时,我该怎么做呢?这是我的查看代码:

<div id="formDiv">
    @using (Html.BeginForm(null, null, FormMethod.Post, new { id = "myForm" }))
    {
        @Html.ValidationSummary(true)
        <fieldset>
            <legend>Ny arbetserfarenhet</legend>
            <table>
                <tr>
                    @*<th></th>*@
                    <th>
                        Program
                    </th>
                    <th>
                        Nivå
                    </th>
                </tr>
                @foreach (var item in Model) {
                    <tr>
                        <td>
                            @item.Program.Name
                        </td>
                        <td>

                            @item.Level
                        </td>
                    </tr>
}
            </table>
        </fieldset>
    }
</div>

4 个答案:

答案 0 :(得分:8)

  

我有一个带有foreach循环的View,用于模式的列表属性

我建议你避免在视图中编写循环以支持编辑器模板。所以:

@model IEnumerable<AppName.Models.ModelName>
<div id="formDiv">
    @using (Html.BeginForm(null, null, FormMethod.Post, new { id = "myForm" }))
    {
        @Html.ValidationSummary(true)
        <fieldset>
            <legend>Ny arbetserfarenhet</legend>
            <table>
                <tr>
                    <th>
                        Program
                    </th>
                    <th>
                        Nivå
                    </th>
                </tr>
                @Html.EditorForModel()
            </table>
        </fieldset>
    }
</div>

并在相应的编辑器模板(~/Views/Shared/EditorTemplate/ModelName.cshtml)中:

@model AppName.Models.ModelName
<tr>
    <td>@Model.Program.Name</td>
    <td>
        @Html.DropDownListFor(
            model => model.Level, 
            new SelectList(
                Enumerable.Range(1, 5).Select(x => new { Value = x, Text = x }), 
                "Value", 
                "Text"
            )
        )
    </td>
</tr>

因此,将为模型中的每个元素(这是某种类型的集合)呈现编辑器模板。重要的是,编辑器模板必须位于~/Views/Shared/EditorTemplates并命名为XXX.cshtml,其中XXX是主视图模型集合中使用的类型名称。

答案 1 :(得分:5)

你试过了吗?

@Html.DropDownListFor(m => item.Level, new SelectList(new[] { 1, 2, 3, 4, 5 }, item.Level))

答案 2 :(得分:0)

使用以下语法:

  @Html.DropDownListFor(model => model.Level, new SelectList(Model.level as System.Collections.IEnumerable, "VALUE_FIELD", "TEXT_FIELD", YOUR PROPERTY NAME)

答案 3 :(得分:0)

MVC将创建循环。只需使用编辑器模板,在特殊文件夹中使用局部视图,其余部分就像魔法一样。

编辑模板

@model Models.AdditionalAccountingLine
@Html.HiddenFor(m => m.IsRequired)
@Html.DropDownListFor(m => m.FieldValue, new SelectList(@Model.FieldValueOptions, "Key", "Value"), "")

查看

@Html.EditorFor(m => m.AdditionalAccountingLines);