Kendo Mobile Filterable ListView

9 posts, 0 answers
  1. Dean
    Dean avatar
    73 posts
    Member since:
    Oct 2012

    Posted 05 Mar 2015 Link to this post

    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
  2. Dean
    Dean avatar
    73 posts
    Member since:
    Oct 2012

    Posted 05 Mar 2015 in reply to Dean Link to this post

    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
  3. Kendo UI is VS 2017 Ready
  4. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 09 Mar 2015 Link to this post

    Hi Dean,

    your approach is correct - it is documented here.

    Regards,
    Petyo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  5. Dean
    Dean avatar
    73 posts
    Member since:
    Oct 2012

    Posted 09 Mar 2015 in reply to Petyo Link to this post

    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
  6. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 11 Mar 2015 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  7. Dean
    Dean avatar
    73 posts
    Member since:
    Oct 2012
  8. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 13 Mar 2015 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  9. Nathan
    Nathan avatar
    2 posts
    Member since:
    Jun 2014

    Posted 04 Apr 2015 Link to this post

    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.
  10. ITLNOW
    ITLNOW avatar
    1 posts
    Member since:
    Oct 2014

    Posted 24 Aug in reply to Dean Link to this post

    Great @Dean That worked for me.
Back to Top
Kendo UI is VS 2017 Ready