asp.net-mvc - MVC Bootstrap TextBoxFor EditorFor

标签 asp.net-mvc twitter-bootstrap asp.net-mvc-5

我有一个使用 Bootstrap 样式的 MVC View 。我想使用“@Html.EditorFor”而不是“@HtmlTextBoxFor”。为什么 EditorFor 不能确定它需要是一个文本框,然后得到与 TextBoxFor 相同的结果?

我问的原因是我的下一个字段将是一个日期并且想要使用 EditorFor 和 DataType 数据注释它将显示一个日期选择器。

下面是屏幕截图和查看代码,名字是 EditorFor,而姓氏是(首选格式)TextBoxFor。

enter image description here

    <div class="form-group">
        @Html.LabelFor(m => m.Title, new { @class = "control-label" })
        @Html.DropDownListFor(m => m.Title, new SelectList((IEnumerable)@ViewData["Titles"]), new { @class = "form-control" })
    </div>
    <div class="form-group">
        @Html.LabelFor(m => m.Forenames, new { @class = "control-label" })
        @Html.ValidationMessageFor(m => m.Forenames)
        @Html.EditorFor(m => m.Forenames, new { @class = "form-control" })
    </div>
    <div class="form-group">
        @Html.LabelFor(m => m.Surname, new { @class = "control-label" })
        @Html.ValidationMessageFor(m => m.Surname)
        @Html.TextBoxFor(m => m.Surname, new { @class = "form-control" })
    </div>
    <div class="form-group">
        @Html.LabelFor(m => m.DateOfBirth, new { @class = "control-label" })
        @Html.ValidationMessageFor(m => m.DateOfBirth)
        @Html.EditorFor(m => m.DateOfBirth, new { @class = "form-control" })
    </div>

最佳答案

我发布这个答案是因为它对我来说非常有用——感谢@StephenMuecke。尽管标记为 MVC4(我将删除该标记),但我实际上使用的是 MVC5,因此可以传递 html 属性:

<div class="form-group">
    @Html.LabelFor(m => m.Forenames, new { @class = "control-label" })
    @Html.ValidationMessageFor(m => m.Forenames)
    @Html.EditorFor(m => m.Forenames, new { @class = "form-control" })
</div>

变成:

<div class="form-group">
    @Html.LabelFor(m => m.Forenames, new { @class = "control-label" })
    @Html.ValidationMessageFor(m => m.Forenames)
    @Html.EditorFor(m => m.Forenames, new { htmlAttributes = new { @class = "form-control" } })
</div>

关于asp.net-mvc - MVC Bootstrap TextBoxFor EditorFor,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27962760/

相关文章:

c# - 如何调用global.asax中的 Controller 方法?

asp.net-mvc-5 - 没有sendgrid的ASP.NET mvc5中的电子邮件确认

c# - 无法禁用 Controller 上的验证

asp.net-mvc - 清理模板中用作布局的 Razor 语法

asp.net - 如何在 ASP.NET 和 Windows 服务中使用相同的 DI 代码

html - 强制带有图标的跨度与前面的跨度换行

.net - ASP.Net MVC 4/5 - 在运行时刷新路由

c# - ASP.NET MVC 3 模型绑定(bind)和表单字段

javascript - fullCalendar + Bootstrap 选项卡故障 : not rendering events until resizing browser

html - Metronic/Bootstrap : How to always expand subitems in the left Navbar?