2013-05-22 57 views
1

我對MVC中的html字段有個想法。這就是數字遞增文本框。自定義數量遞增字段MVC

你會怎麼做呢?

這個想法是,我已經形成了一些需要進行合併的信息。很多文本框只是數字字段,所以我寧願讓它們增加兩個按鈕,這是在WinForms工具箱中的VS上可以看到的經典之一。例如:HTML 5 Incrementer但是它不能與舊版瀏覽器兼容。所以我想讓我自己就是這樣。

1)創建一個自定義的HTML Helper,它將它寫出來,例如

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

2)查找JQuery的相同呢?

3)結合這兩個爲完美的解決方案?

對此的任何建議和指導都非常好!這也是一個個人自建項目。所以我寧願創建自己的,然後使用預製的。想擴大我自己的技能。顯然,如果這是爲了生產,我不會重新發明輪子。就這一次,我做:)

+0

,這是什麼背景;什麼事件會導致數字增加。號碼的原始來源是什麼? –

+0

@PeterSmith我已經對齊我的問題 –

+0

這是你在尋找什麼? [** NumericUpDown **](http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/NumericUpDown/NumericUpDown.aspx)在Ajax控件工具包 – balexandre

回答

1

處理這種情況的最好方法是使用HTML5輸入,並將類型設置爲數字。

爲了得到這一點,你可以註釋你的模型是這樣的:

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

這將在正確執行輸入型號的瀏覽器顯然是唯一的工作,但你可以使用填充工具上附上通緝行爲舊版瀏覽器。 這裏你可以找到一個填充工具所做的正是這一點:

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

+0

謝謝你,完美的答案,cheeers –