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 },
                                      ]
                        });

i am binding values from the database to kendoGrid.i want to set comma separator to all column numbers in grid(ex 458690 to 4,58,690).i have read NumberFormating concept in kendoui,but i have not got sufficiant information.how can i set.

Answer 1

It depends of the culture that you are using but basically, you just have to add in your column a field format according to the documentation :

$("#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 },
    ]
});

I have created this fiddle : http://jsfiddle.net/AHCbq/ .

---

EDIT :

It seems that even with a correct culture, some decimal fields are not correctly interpreted in the grid and that we can not applies a custom format.

In order to workaround this issue, we have to create a custom parser in order to force the field to be seen as a decimal field. I have updated my previous fiddle : http://jsfiddle.net/AHCbq/7/ .

This is achieved by adding a parser in the datasource.schema.parse which transform the string in a number :

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;
}