apply the column filter from one grid to another

3 posts, 1 answers
  1. James
    James avatar
    14 posts
    Member since:
    Feb 2018

    Posted 11 Apr 2018 Link to this post

    Hi I have a set of 3 grids displaying financial data for a set of records - all with the same columns -

    grid 1 holds the baseline monthly data,

    grid 2 (editable) holds same records but the dollar amounts can be edited to what is needed in the new monthly cycle

    grid 3 holds the same records but displays the variance between the values of grid 1 and 2 - currently have paging and scrolling synchronized

     

    I am wondering now if there is a way to apply the grid column filter from one grid to another - i have not found this exact question answered anywhere

    can someone help?

     

    thanks

    Jim

     

  2. Answer
    Viktor Tachev
    Admin
    Viktor Tachev avatar
    2483 posts

    Posted 13 Apr 2018 Link to this post

    Hi Jim,

    If the fields in the different Grid components are the same you can use the following approach. Handle the Gird filter event for the relevant Grids. In the event handler get reference of the other Grid components and call filter() method for their dataSource. 

    The dojo example below outlines the approach:


    Give it a try and let me know how it works for you.


    Regards,
    Viktor Tachev
    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.
  3. James
    James avatar
    14 posts
    Member since:
    Feb 2018

    Posted 13 Apr 2018 in reply to Viktor Tachev Link to this post

    This is exactly what I need - thanks very much!
Back to Top