Listbox filter

4 posts, 0 answers
  1. Mick
    Mick avatar
    3 posts
    Member since:
    Aug 2015

    Posted 20 Jun 2017 Link to this post

    Is there a suggested way to filter the source listbox? I'm hoping to be able to type into a text box above the listbox and have the items in the listbox filter based on the value in the textbox.

    I was looking into a basic angular filter, but am not sure of the best way to go about using it as it needs to be placed on the iterating element. 

     

    Thanks!

  2. Viktor Tachev
    Admin
    Viktor Tachev avatar
    2052 posts

    Posted 22 Jun 2017 Link to this post

    Hello Mick,

    If you would like to filter the items in a ListBox component you can get reference of the dataSource and call the filter() method for it.

    In order to get reference of the DataSource you can use the code from below:

    var ds = $("#listBoxID").data("kendoListBox").dataSource;


    Regards,
    Viktor Tachev
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Paul Ridden
    Paul Ridden avatar
    39 posts
    Member since:
    Mar 2007

    Posted 24 Sep Link to this post

    I also need the Listbox control to have client filtering. Just like the DevExpress Listbox!

    https://demos.devexpress.com/MVCxDataEditorsDemos/Editors/ListBoxFiltering

     

  4. Viktor Tachev
    Admin
    Viktor Tachev avatar
    2052 posts

    Posted 25 Sep Link to this post

    Hello Paul,

    The example below illustrates how filtering for the ListBox can be implemented. Give it a try and let me know how it works for you.



    Regards,
    Viktor Tachev
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top