我刚刚注意到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)
哪个似乎不起作用.我很难过.有任何想法吗?
提前致谢!
默认情况下用
<%: 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模板?
谢谢你的帮助.
我需要在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.
我正在看MVC3 razor示例,并看到html.editor被利用,并在此论坛上也被问了很多.为什么我不能使用html.textboxfor
和passwordfor
?谢谢