javascript - Kendo Grid pre-filter with multicheckboxes -

i have grid want filtered when user visit page. filters not check checkboxes. why?

here demo not work aswell in project. there several commented lines have tried run, nothing works.

filter: { logic: "or",      filters: [{ field: "productname", operator: "eq", value: "chai" }]}, 

this lines correctly filers table checkbox not checked.

filter: { logic: "or",      filters: [{ field: "productname", operator: "eq", value: "chai" },               { field: "productname", operator: "eq", value: "chang" }]}, 

this correctly filters table again, checkboxes should checked not.

filter: { logic: "or",      filters: [{ field: "productname", operator: "eq", value: function() { return "chai"; }}]}, 

this not work strange because in project have assigned function aswell , filters table correctly not check checkboxes. anyway in dojo not work @ - question if should or not.

filter: { logic: "or",      filters: [{ field: "productname", operator: "eq", value: function() { return ["chai", "chang"]; }}]}, 

same problem above. in project filters table multiple values here not work.

so question how can pre-filter table have checked checkboxes selected?

i made correction there in demo, http://dojo.telerik.com/oyife/3

probably bad configuration, can see beter in :

http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#methods-filter

hope helps

edit: problem first "filter" must "filters" :

filters: { logic: "or",                          filters: [{ field: "productname", operator: "eq", value: function() { return ["chai", "chang"]; }}]                        },