NumericTextBox有4个小数位

Question

我猜想随着剑道论坛工作方式的即将发生的变化(只有付费用户),在那里得到问题答案的可能性很小,所以我会在这里尝试......

我已经设置了一个可编辑的网格,它使用两个数字字段的自定义验证器.验证器使用ajax查询获取有效参数(但我认为这不重要).

这一切都有效,但我需要NumericTextBoxes支持4个小数位,默认情况下它们不支持.

我为这些字段创建了自定义网格编辑器,这允许我输入4个小数位,但它会破坏自定义验证.

如何在编辑模式下使NumericTextBox支持4个小数位并允许自定义验证规则？

提前致谢

这是字段定义,我正在使用验证器:

end: { type: 'number', validation: {
    end: function(input){  
        if (input.attr('name')=='end' && $('input[name=lookup]').val()!=''){  
            $.ajax({  
                type: 'post',   
                url: '/ajax/lookupParams',   
                data: { lookup:$('input[name=lookup]').val(), csrf_token: token },  
                success: function(data) {  
                    start = data.start;  
                    end = data.end  
                },  
                   dataType: 'json',  
                   async: false  
                });  
            input.attr('data-end-msg', 'End must be between '+start+' and '+end);  
            return (input.val() >= start && input.val() <= end);  
         }  
         return true;  
     }  
}  

此位有效--ajax用于根据查找字段的当前值检索有效的开始值和结束值.如果我使用自定义编辑器支持4位小数,它就会停止工作.

Answer 1

KendoUI NumericTextBoxes支持4位小数和验证:

拥有以下HTML:

<input id="num" value="123.456789"
       data-format="n4"
       data-decimals="4"
       data-step="0.0001"
       data-role="numerictextbox"/>

以及初始化:

$("#num").kendoValidator({
    rules   :{
        custom:function (input) {
            var val = Math.floor(input.val() * 10000);
            return val % 2;
        }
    },
    messages:{
        custom:"Your number * 10000 needs to be odd"
    }
});
kendo.init($("#num"));

这NumericTextBox在可视化和编辑模式中定义了四位数 - 并且使用自定义Validator检查十进制数的最后一位是奇数.

顺便说一句,欢迎来到Stack Overflow上的KendoUI !!