admin管理员组

文章数量:1350011

I have a problem with Kendo UI. I can't filter on some columns.

Here's a plunker with my example where I try to filter on the columns id, prog or Max Temps and it doesn't 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 on Chrome:

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

and this one on Firefox:

TypeError: "".toLowerCase is not a function.

I think it's because my data type is integer on these columns. I don't know how to solve this. Any ideas?

I have a problem with Kendo UI. I can't filter on some columns.

Here's a plunker with my example where I try to filter on the columns id, prog or Max Temps and it doesn't 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 on Chrome:

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

and this one on Firefox:

TypeError: "".toLowerCase is not a function.

I think it's because my data type is integer on these columns. I don't know how to solve this. Any ideas?

  • javascript
  • jquery
  • kendo-ui
  • typescript
  • kendo-grid
Share Improve this question edited Mar 30, 2015 at 14:01 Gaël Canabaté asked Mar 30, 2015 at 12:45 Gaël CanabatéGaël Canabaté 753 silver badges7 bronze badges
Add a ment  | 

2 Answers 2

Reset to default 5

You need to define the type number so that there wont be any issue with number filtering. Refer below code 

columns: [

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

  ]

It should be "number" in the schema as well. I had "int" and it still didn't work

本文标签： javascriptkendo ui grid filter doesn39t work for integer type columnsStack Overflow

版权声明：本文标题：javascript - kendo ui grid filter doesn&#39;t work for integer type columns - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1743872713a2553765.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。