javascript - 设置 Kendo 网格列过滤器的百分比格式

Question

我有一个剑道网格，我的数据源数据返回小数位数未知的数字。因此，我在数据源上使用解析函数来弥补这一点。

DefaultMonoCPP: {
    editable: false,
    type: "number",  
    parse: function(e) {
        return  kendo.parseFloat(kendo.toString(e,"p4")); 
    }
}

现在，当我进行筛选时，我不希望它自动将百分比乘以 100。因此我在列上设置了 filterable。

    {
        field: "DefaultMonoCPP",
        title: "Mono Cost",
        format: '{0:p4}',
        filterable: {
            ui: function(e) {
                e.kendoNumericTextBox({
                    //format: "{0:p4}",
                    //format: "p4",
                    format: "##.0000 \\%",
                    decimals: 4
                });
            }
        }
    }

但这会弄乱过滤后的数字(1.2700% => 1.27)。所以过滤失败。

JSFiddle 进行澄清:http://jsfiddle.net/dmathisen/mecny50f/

有什么方法可以让解析和可过滤一起正确工作吗？

Answer 1

我的建议是将数字文本框格式化为百分比并将步长设置为 0.01，以便每次递增/递减 1%。如果您担心用户输入整数百分比，请在更改事件中处理它。

e.kendoNumericTextBox({
    format: '{0:p4}',
    step: 0.01,
    decimals: 4,
    change: function () {
        var val = this.value();
        if (val > 1) {
            this.value(val / 100);
            this.trigger("change");
        }
    }
});

JSFiddle