带 4 位小数的 NumericTextBox

Question

我猜随着剑道论坛的工作方式即将发生变化（仅限付费客户），在那里得到问题解答的可能性很小，所以我会在这里尝试......

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

这一切正常，但我需要 NumericTextBoxes 支持 4 位小数，默认情况下它们不支持。

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

如何让 NumericTextBoxes 在编辑模式下支持 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！