自定义数字增量字段MVC

时间:2013-05-22 13:07:39

标签: c# jquery asp.net-mvc asp.net-mvc-3

我对MVC中的html字段有所了解。这就是增加文本框的数字。

你会怎么做呢?

我的想法是,我的表格中包含一些需要汇总的信息。很多文本框只是数字字段,所以我更喜欢用两个按钮增加它们,经典的一个可以在WinForms工具箱中的VS上看到。示例:HTML 5 Incrementer但它不向后兼容旧版浏览器。所以我想自己创造。

1)创建一个自定义HTML Helper,将其写出来,例如

@Html.NumberIncrementorFor(x => x.FieldToBeIncremented)

2)找到JQuery等价物?

3)将这两者结合起来以获得完美的解决方案?

对此的任何建议和指导都会非常好!这也是一个个人的自建项目。所以我宁愿创造自己的,然后使用预制的。想要扩展自己的技能。显然,如果这是用于生产我不会重新发明轮子。就在这个时候,我这样做:)

1 个答案:

答案 0 :(得分:1)

处理此问题的最佳方法是使用类型设置为数字的HTML 5输入。

为此,您可以像这样注释您的模型:

[DataType(DataType.Integer)]
public int FieldToBeIncremented{ get; set; }

这显然只适用于正确实现输入类型编号的浏览器,但您可以使用polyfill在旧浏览器上附加所需行为。 在这里你可以找到一个完全符合要求的polyfill:

https://github.com/jonstipe/number-polyfill