razor - 如何控制文本框的宽度和小数位？

Question

MVC 剃刀视图

Html.EditorFors 小数位可以用 Dataannotations 控制，但没有简单的（如果有的话）方法来控制宽度（它们不采用 htmlAttributes 并且设置具有宽度的 css 类没有效果）。

Html.TextBoxFors 允许使用 htmlAttributes 轻松控制宽度，但没有简单的（如果有的话）方法来控制小数位。

如何获得一个可以同时控制宽度和小数位的编辑文本框？

score 1 · Accepted Answer

并且设置一个宽度的css类没有效果

我想那是因为你有一个不正确的 CSS 选择器。

例如，您可以这样做：

<div class="myrule">
    @Html.EditorFor(x => x.FooBar)
</div>

然后在你的 CSS 文件中：

.myrule input {
    width: 200px;
}

作为替代方案，您可以编写自定义编辑器模板，然后在使用 EditorFor 调用时指定此模板的名称：

@Html.EditorFor(x => x.FooBar, "MyTemplate")

score 0 · Accepted Answer

使用正则表达式来控制小数位。

编写一个继承 System.ComponentModel.DataAnnotations.RegularExpressionAttribute 的自定义属性，该属性指定所需的正则表达式来控制小数位。

然后在 viewmodel/model 中指定所需字段的自定义属性。

2 回答 2