Kendo Mobile Filterable ListView

[Dean]

The following JavaScript is from the ListView / Filtering demo.

$("#filterable-listview").kendoMobileListView(
    dataSource: dataSource,
    template: $("#mobile-listview-filtering-template").text(),
    filterable: {
        field: "ProductName",
        operator: "startswith"
    },
    endlessScroll: true
});

I'd like to know how to do this with MVVM. I've also looked at this MVVM demo but I couldn't find an example of filtering anywhere. Please add an example somewhere!

Regards
Dean

[Dean]

I had tried a number of things but after posting this thread I figured it out:

data-filterable="{ field: 'ProductName', operator: 'startswith' }"

I still think an example should be included somewhere in the docs/demos.

Regards
Dean

[Petyo]

Hi Dean,

your approach is correct - it is documented here.

Regards,
Petyo
Telerik

 

 

[Dean]

Hi Petyo,

I have read that part of the docs before but I wasn't sure if I needed to set data-filterable="true" because of this part of the listview api and then I was trying to do data-filterable-field="name". I'd like to see an additional example showing how to use filterable to really make it clear. I hope it's not just me that's had some trouble getting it.

Kind regards
Dean

[Petyo]

Hello Dean,

Thank you for sharing this. The link from your previous reply does not work, so I am not sure to which part of the API you refer to. Can you please share the correct URL? We will update our documentation accordingly. 

Regards,
Petyo
Telerik

 

 

[Dean]

This is the link it was meant to be:

http://docs.telerik.com/kendo-ui/api/javascript/mobile/ui/listview#configuration-filterable

[Petyo]

Hello Dean,

thanks. The syntax I linked to is not specific to the filterable (or, for that matter, to Kendo UI). The JSON data in attributes comes from jQuery itself. We will consider making the common widget cases (like this one) easier to find, though. 

Regards,
Petyo
Telerik

 

 

[Nathan]

I spent a great deal of time trying to figure this out, and I am very thankful for Dean's post.  I wish this had been in MVVM filter demos.

[ITLNOW]

Great @Dean That worked for me.

[Mohammadali]

thank you soo much Dean you are a life saver ....

in kendoMobileListView api in the big important frame states  If initialized from Markup, the MobileListView does not support filtering!!

https://docs.telerik.com/kendo-ui/api/javascript/mobile/ui/listview/configuration/filterable