Geek Answers Handbook

The kendo ui grid filter does not work for integer columns

I have a problem with the Kendo user interface. I can not filter some columns.

Here's a plunker with my example where I am trying to filter column identifiers, prog or Max Temps, and it does not work.

<body>
    <div id="grid"></div>
</body>
<script>
    $("#grid").kendoGrid({
        dataSource: [
            { id: 36308, reportDate: "2015-02-01", prog: 58, state: "Waiting", maxTemps: 0 }, 
            { id: 36309, reportDate: "2015-02-01", prog: 34, state: "Complete", maxTemps: 86400 },
            { id: 36310, reportDate: "2015-02-01", prog: 116, state: "Complete", maxTemps: 86400  },
            { id: 36311, reportDate: "2015-02-02", prog: 58, state: "Complete", maxTemps: 86400 }
        ],
        filterable: true,
        columnMenu: true,
        columns: [
            { field: 'id', title: 'Id', width: '80px' },
            { field: 'reportDate', title: 'Report Date', width: '100px' },
            { field: 'prog', title: 'Prog', width: '60px' },
            { field: 'state', title: 'Status', width: '130px' },
            { field: 'maxTemps', title: 'Max Temps', width: '100px' }
        ]
    });
</script>

I have this error in Chrome:

Uncaught TypeError: (d.prog || "") .toLowerCase is not a function

and this file in Firefox:

TypeError: "" .toLowerCase is not a function.

I think this is because my data type is an integer in these columns. I do not know how to solve this. Any ideas?

+4
source share
2

, . .

columns: [

    { field: 'prog', type:'number',  title: 'Prog', width: '60px' },

  ]
+4

"". "int", .

+1

More articles:


All Articles