相关疑难解决方法(0)

MVC5和Bootstrap3:Html.EditorFor错误的类?如何改变?

我刚刚注意到MVC 5在使用EditorFor时对输入字段使用了不同的类.我认为它来自较低版本的bootstrap,所以当前的类并没有真正加起来.

我在说这个:

<div class="form-group">
    @Html.LabelFor(model => model.Contact.CellphoneNo, new { @class = "control-label col-md-4"})
       <div class="col-md-8">
           @Html.EditorFor(model => model.Contact.CellphoneNo)
           @Html.ValidationMessageFor(model => model.Contact.CellphoneNo)
       </div>
</div>
Run Code Online (Sandbox Code Playgroud)

结果如下:

<div class="form-group">
    <label class="control-label col-md-4" for="Contact_CellphoneNo">CellphoneNo</label>
    <div class="col-md-8">
        <input class="text-box single-line" id="Contact_CellphoneNo" name="Contact.CellphoneNo" type="text" value="">
        <span class="field-validation-valid" data-valmsg-for="Contact.CellphoneNo" data-valmsg-replace="true"></span>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

当你看标签时,它有一个"文本框"类而不是Bootstrap3的"表单控件"

我想我在某处读到这是因为MVC5在最后一分钟切换到Bootstrap 3的事实.


问题是:如何手动更改该类?我希望能够将文本框更改为表单控件.我不能真正找到代码.

我已经尝试过了

@Html.EditorFor(model => model.CivilStatus, new { @class = "form-control" })
@Html.ValidationMessageFor(model => model.CivilStatus)
Run Code Online (Sandbox Code Playgroud)

哪个似乎不起作用.我很难过.有任何想法吗?

提前致谢!

asp.net-mvc-5 twitter-bootstrap-3 asp.net-mvc-5.1

18
推荐指数
1
解决办法
2万
查看次数

在`Html.EditorFor`上覆盖类

默认情况下用

<%: Html.EditorFor(m => m.ConfirmationHeadline) %>
Run Code Online (Sandbox Code Playgroud)

输出是:

 <input type="text" value="" 
        name="ConfirmationHeadline" id="ConfirmationHeadline" 
        class="text-box single-line">
Run Code Online (Sandbox Code Playgroud)

如您所见,输入已附加class属性.嗯,这不应该是一个问题,只需使用

<%: Html.EditorFor(m => m.ConfirmationHeadline, new { @class="span-11 last"}) %>
Run Code Online (Sandbox Code Playgroud)

应该工作...... 错误......不!

这将输出完全相同的代码!

虽然,工作正常 Html.TextAreaFor()

如何从中删除该类text-box single-line,以便可以附加我自己的类?我应该编辑的任何T4模板?

谢谢你的帮助.

textinput class-attributes asp.net-mvc-2

13
推荐指数
2
解决办法
1万
查看次数

jQuery DatePicker MVC4 EditorFor

我需要在EditorFor字段上使用datepicker.

我的视图代码是:

<div class="editor-label">
    @Html.Label("birthDate","birthDate")
</div>
<div class="editor-field">
    @Html.EditorFor(model => model.birthDate, new { @class = "datepicker"})
    @Html.ValidationMessageFor(model => model.birthDate)
</div>
Run Code Online (Sandbox Code Playgroud)

剧本:

<script type="text/javascript">
$(document).ready(
    function () {
        $('.datepicker').datepicker({
            changeMonth: true,
            changeYear: true,
            minDate: "-99Y",
            dateFormat: "dd/mm/yyyy"
        });
    });
Run Code Online (Sandbox Code Playgroud)

我不能让它发挥作用.我有以下错误:Microsoft JScript运行时错误:对象不支持此属性或方法'datepicker'.

我在尝试调用函数之前已经加载了jQuery.

editorfor jquery-ui-datepicker asp.net-mvc-4

8
推荐指数
1
解决办法
2万
查看次数

MVC3为什么要使用html.editorfor

我正在看MVC3 razor示例,并看到html.editor被利用,并在此论坛上也被问了很多.为什么我不能使用html.textboxforpasswordfor?谢谢

razor asp.net-mvc-3

5
推荐指数
2
解决办法
5009
查看次数