Filtering rows based on controls outside the grid

2 posts, 0 answers
  1. IMF
    IMF avatar
    17 posts
    Member since:
    Jun 2012

    Posted 03 Nov 2016 Link to this post

    Hello, I have buil a grid in my app and I need to filter the grid using different criteria from outside the grid. I attach an scrrenshot to clarify my issue:


    I need to select something on the combobox and filter it on the client side, as well as write something on the text box and filter teh grid below.


    Thank you!

  2. Dimiter Topalov
    Dimiter Topalov avatar
    633 posts

    Posted 04 Nov 2016 Link to this post


    You can filter the Grid by external inputs by handling the input's (or Kendo UI widget's) change event, and create a custom filter, based on its value. Then call the dataSource.fitler() method, passing the custom filter configuration:

    Here is the API reference for the DropDownList's change event and value() method, used in the example:

    I hope this helps.

    Dimiter Topalov
    Telerik by Progress
    Build rich, delightful, *native* Angular 2 apps with Kendo UI for Angular 2. Try it out today! Kendo UI for Angular 2 (currently in beta) is a jQuery-free toolset, written in TypeScript, designed from the ground up to offer true, native Angular 2 components.
Back to Top