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.i想要将逗号分隔符设置为网格中的所有列号（ex 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方法结合使用。

e.g。

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

您可以使用大部分内容here，该方法受C＃方法的启发。

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

2 个答案: