NumericTextBox使用Html.TextBoxFor而不是Html.TextBoxFor丢失值

Question

当我使用带有Html.TextBoxFor的Kendo小部件(用于数字文本框编辑，特别是输入一个美元金额)时，如下所示：

@Html.TextBoxFor(i => i.TotalAmount, new { @class = "currency-editor", min = "0", })

在回发和处理数据时，值返回为null，因此在控制器中完成的服务器端代码检查失败，因为没有回发。

当我使用原始HTML时，比如：

<input type="text" id="@Html.IdFor(i => i.TotalAmount)" name="@Html.IdFor(i => i.TotalAmount)" value="@Model.TotalAmount"
       class="currency-editor" min="0" />

效果很好。我不知道有什么区别？初始化插件(没有问题初始化)是：

$(".currency-editor").kendoNumericTextBox({
            format: "c2",
            decimals: 2,
            spinners: false
         });

显然，它在内部出现了一些与TextBoxFor插件有关的东西，可能是特定于验证的？MVC 5,2015年Q3 Kendo (免费版)。

Answer 1

这个问题与输入-验证-错误和小部件被隐藏-我没有放在一起的一个步骤是，这个字段正在验证，这是添加到标记输出。诀窍是(正如Telerik的文档中所指出的)：

@using (Html.BeginForm()) {
    //omitted for brevity
}

<script type="text/javascript">
    $(function () {
        $(".k-widget").removeClass("input-validation-error");
    });
</script>

参考：http://docs.telerik.com/kendo-ui/aspnet-mvc/validation#the-widgets-are-hidden-after-a-postback-when-using-the-jquery-validation

Answer 2

你能试试这样吗？

<script>
    $(".currency-editor").kendoNumericTextBox({
        format: "c2",
        decimals: 2,
        spinners: false,
        value : @Model.TotalAmount
     });

​