为百分比设置 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/

有没有办法让 parse 和 filterable 一起正常工作？

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