绕过使用InputNumber小部件设置的值

时间:2011-03-02 13:14:08

标签: jquery-ui asp.net-mvc-3 wijmo

我有一个MVC视图,它使用缓存值通过

显示给用户
@Html.TextboxFor(x => x.SomeInteger, new { @class="selector" });

和类似的结构。

我的问题是,当我这样做时

$(“.selector”).wijinputnumber({
    type: ‘numeric’,
    minValue: 0,
    decimalPlaces: 0,
    showSpinner: true
});

文本框的值设置为0,但是(例如)用户之前可以放入4,我需要它来反映这一点。另外,我已经验证我的Model在SomeInteger属性中确实有4个,所以不是那样。

有没有办法告诉wijinputnumber不设置初始值?

以下是展示此问题的HTML和Wijmo / jQuery的完整示例:

<!DOCTYPE HTML>
<html>
<head>
    <link href="http://cdn.wijmo.com/themes/rocket/jquery-wijmo.css" rel="stylesheet" type="text/css" />
    <link href="http://cdn.wijmo.com/jquery.wijmo-open.1.1.2.css" rel="stylesheet" type="text/css" />
    <link href="http://cdn.wijmo.com/jquery.wijmo-complete.1.1.2.css" rel="stylesheet" type="text/css" />
    <script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.min.js" type="text/javascript"></script>
    <script src="http://cdn.wijmo.com/external/jquery.bgiframe-2.1.3-pre.js" type="text/javascript"></script>
    <script src="http://cdn.wijmo.com/external/jquery.glob.min.js" type="text/javascript"></script>
    <script src="http://cdn.wijmo.com/external/jquery.mousewheel.min.js" type="text/javascript"></script>
    <script src="http://cdn.wijmo.com/external/raphael-min.js" type="text/javascript"></script>
    <script src="http://cdn.wijmo.com/jquery.wijmo-open.1.1.2.min.js" type="text/javascript"></script>
    <script src="http://cdn.wijmo.com/jquery.wijmo-complete.1.1.2.min.js" type="text/javascript"></script>
</head>
<body>  
    <input type="text" class="correct" value="5" />

    <input type="text" class="notcorrect" value="10" /> 

    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $('.correct').wijtextbox();         

            $(".notcorrect").wijinputnumber({
            type: 'currency',
            decimalPlaces: 2,
            showGroup: true,
            showSpinner: true
            });             
        });
    </script>
</body>
</html>

2 个答案:

答案 0 :(得分:1)

您可以在元素上使用val()函数来获取其值

<script type="text/javascript">
    jQuery(document).ready(function($) {
        $('.correct').wijtextbox();         

        $(".notcorrect").wijinputnumber({
            type: 'currency',
            decimalPlaces: 2,
            showGroup: true,
            showSpinner: true,
            value: $(".notcorrect").val()
        });             
    });
</script>

希望这有帮助,

马特

答案 1 :(得分:0)

事实证明这是目前Wijmo中的一个错误,但this post的解决方法如下:

$(“.selector”).each(function () {
var n = $(this).val();
$(this).wijinputnumber(
{
type: ‘numeric’,
minValue: 0,
decimalPlaces: 0,
showSpinner: true,
value: n
});
});