如何在Razor中为min,max和default值设置数字编辑器

Question

我有一个int值,我想呈现为数字向下,ID为"Quantity",所以我在剃刀中执行以下操作:

<div class="field-label">@Html.LabelFor(m => model.Quantity)</div>
<div class="field-editor">@Html.EditorFor(m => model.Quantity, null, "Quantity")</div>

在chrome中,这给了我正确的UI,但是我想设置min,max和default值,所以它的工作方式类似于下面的代码.

<input id="Quantity" type="number" name="quantity" min="0" max="10" value="0" >

Answer 1

您可以通过@ Html.EditorFor函数的"object AddiditonalViewData"重载来完成此操作.然后像这样指定htmlAttributes:

@Html.EditorFor(m => Model.Quantity, new {htmlAttributes = new {min = 0, max = 20} } )

请注意,无论您在htmlAttributes中定义了什么,"value"都设置为Quantity属性的实际值.