如何在kendoGrid中为双数设置逗号

Question

$("#kendoGridView").kendoGrid({
                            width: 1500,
                            dataSource: data.d,
                            resizable: true,
                            rowTemplate:
                            height: 790,
                            dataBound: dbGrid,
                            selectable: true,
                            columns: [
                                            { title: 'Revenue', field: 'Revenue', width: '20%', sortable: true },
                                            { title: 'postals', field: 'postals', width: '12%', sortable: true },
                                            { title: 'MQC', field: 'MQC', width: '12%', sortable: true },
                                      ]
                        });

我正在将数据库中的值绑定到 kendoGrid。我想为网格中的所有列号设置逗号分隔符（例如 458690 到 4,58,690）。我已经阅读了 kendoui 中的 NumberFormating 概念，但我没有足够的信息。如何设置。

Answer 1

这取决于您使用的文化，但基本上，您只需根据the documentation 在列中添加一个字段format：

$("#kendoGridView").kendoGrid({
    width: 1500,
    dataSource: data.d,
    resizable: true,
    rowTemplate:
    height: 790,
    dataBound: dbGrid,
    selectable: true,
    columns: [
        // Here I have added the format field
        { title: 'Revenue', field: 'Revenue', width: '20%', sortable: true, format: "{0:c3}" },
        { title: 'postals', field: 'postals', width: '12%', sortable: true },
        { title: 'MQC', field: 'MQC', width: '12%', sortable: true },
    ]
});

我创建了这个小提琴：http://jsfiddle.net/AHCbq/。

---

编辑：

似乎即使使用正确的文化，某些十进制字段在网格中也没有正确解释，我们无法应用自定义格式。

为了解决这个问题，我们必须创建一个自定义解析器，以强制将该字段视为十进制字段。我已经更新了我以前的小提琴：http://jsfiddle.net/AHCbq/7/。

这是通过在datasource.schema.parse 中添加一个解析器来实现的，它将字符串转换为数字：

parse : function(data) {
    $.each(data.d.results, function(i, val) {
        // Here I convert the string in a decimal number
        val.Freight = +val.Freight;
    });
    return data;
}

Answer 2

您可以尝试使用template for your column 并将其与kendo.format 方法结合使用。

例如

 columns: [
     {
         field: "Salary",
         template: '#= kendo.format("{0:c}",Salary) #'
    }
 ]

here的大部分东西都可以用，方法是受C#方法启发的。