Rebind columnMenu filter multi data

3 posts, 0 answers
  1. David
    David avatar
    2 posts
    Member since:
    Dec 2015

    Posted 25 Oct 2017 Link to this post


    In my application we are constantly changing the data shown in a kendo grid based off of user selected filters on part of the screen (basically selections from dropdownlists). Some columns in the grid are configured with filterable: { multi: true } for the columnMenu. I need to figure out a way to rebind the data that is populated in these columnMenu filter screen.

    repro steps (I can try to create a dojo if needed)

    1. Load a kendo grid with at least one column configured with filterable: {multi: true} with some data

    2. open the filter menu on that column

    3. Change the data in the grid ([ //... ]) 

    4. open filter menu again and see that old data has persisted.


    Thank you in advance for your time.

  2. David
    David avatar
    2 posts
    Member since:
    Dec 2015

    Posted 25 Oct 2017 in reply to David Link to this post

    Created a dojo to make this easier to explain

    make sure to look into the column menu filter so it creates it's datasource, click the button above the grid, then see that the data in the column menu filter persisted with old values.

  3. Alex Hajigeorgieva
    Alex Hajigeorgieva avatar
    954 posts

    Posted 27 Oct 2017 Link to this post

    Hello, David,

    One way to refresh the Kendo UI FilterMultiCheck in this scenario is to use the Kendo UI Grid setDataSource() method:

    Here is the updated Dojo, let me know what you think and if there is any other approach you may wish to try:

    Kind Regards,
    Alex Hajigeorgieva
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top