javascript - 当 DataSource 数据使用 4 位小数时，Kendo Grid 过滤使用 2 位小数

Question

我有一个显示美元金额的 Kendo 网格，但数据源中的数据返回 4 位小数。

DataSource 数据看起来像这样:

{ totalDollars: 1513.1548 },
{ totalDollars: 158.2903 },
{ ... }

因此，为了正确显示数字，我使用列格式...

columns: [
    { field: 'totalDollars', format: '{0:c2}' },
    { ... }
]

但现在我想过滤此列。如果我使用 “等于” 159.29 进行过滤，则会失败。

我已经使用 4 位小数并使用 column.filterable.ui 使其工作:

columns: [
    {
        field: 'totalDollars',
        format: '{0:c2}',
        filterable: {
            ui: function(e) {
                element.kendoNumericTextBox({
                    format: "n4",
                    decimals: 4
                });
            }
        }
    }
]

但这并没有帮助，因为用户不知道最后 2 位小数。所以我需要它在过滤时只使用最多 2 位小数。

这可能吗？

JSFiddle here - 请注意，使用 7133.03 按“单成本”过滤不起作用，但 7133.0332 可以。我正在努力让 7133.03 发挥作用。

Answer 1

我已经为你更新了 fiddle http://jsfiddle.net/53pqe3mo/2/

但本质上，您可以通过添加以下内容来覆盖返回值的默认解析器:

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

我添加了 console.log 行只是为了向您展示实际传入的值是数据源提供的原始值。

需要一些发现，但此链接应该有所帮助:

http://docs.telerik.com/kendo-ui/api/javascript/data/model#methods-Model.define

编辑:

根据评论更新了答案。

供将来引用使用此链接:

http://docs.telerik.com/kendo-ui/framework/globalization/numberparsing