如何在 ASP.NET-MVC5 应用程序中将引导样式应用于 dropdownlistFor 和 EditorFor

Question

我在 ASP.NET-MVC5 应用程序中有 dropdownListFor，主要是我使用 Bootstrap 样式，但努力做样式 dropdownList。

<div class="form-group">
        @Html.LabelFor(model => model.Gender, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.DropDownListFor(model => model.Gender, new SelectListItem[]{ 
                                                                new SelectListItem{Value = "Male", Text="Male"},
                                                                new SelectListItem{Value = "Female", Text="Female"}
                                                                }, new { htmlAttributes = new { id = "Gender", @class = "form-control" } }

            @Html.ValidationMessageFor(model => model.Gender, "", new { @class = "text-danger" })
        </div>
    </div>

我还有用于整数值的 EditorFor，该字段在 textfild 的最右侧显示小按钮，可用于增加和减少数字，也没有适当的样式，来自 bootstrap

 @Html.ValidationSummary(true, "", new { @class = "text-danger" })
    <div class="form-group">
        @Html.LabelFor(model => model.StudentNumber_UWLID, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.StudentNumber_UWLID, new { htmlAttributes = new { id = "StudentNumber_UWLID", @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.StudentNumber_UWLID, "", new { @class = "text-danger" })
        </div>
    </div>

Answer 1

问题是您将new { htmlAttributes = new { ... } } 传递给Html.DropDownListFor。相反，只需传递new { ... }。前者仅对Html.EditorFor 是必需的，因为您传递给there 的参数是additionalViewData，而对于Html.DropDownListFor，它是htmlAttributes。