Filtering rows based on controls outside the grid

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

    Posted 03 Nov 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
    Admin
    Dimiter Topalov avatar
    347 posts

    Posted 04 Nov Link to this post

    Hi,

    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:

    http://dojo.telerik.com/EKumEm/2

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

    http://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist#events-change

    http://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist#methods-value

    I hope this helps.

    Regards,
    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.
  3. Kendo UI is VS 2017 Ready
Back to Top