[Solved] Coordinating two grids

[JSON]

I have a spec where we have a set of tabs. In these tabs are two kendo grids that have some overlapping data and essentially need to be coordinated. If Grid A in tab A is filtered, Grid B in tab B needs to be filtered similarly. Likewise if a row in Grid A is selected, that same row in Grid B needs to be selected. Is this possible with the kendo grid system? I already have it wired up for changes in data thanks to the Observable Object.

[Alexander Valchev]

Hello Joe,

I assume that the two Grids are bound to different DataSource instances. In such case you should manually handle the coordination by using the Grid/DataSource events and API methods.

More specifically you will need the filter and select method as well as the dataSource's change event and Grid's change event.

• http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#methods-filter (use this to get and set Grid filters)
• http://docs.telerik.com/kendo-ui/api/framework/datasource#events-change (use this to detect changes in the dataSource and sync filters)
• http://docs.telerik.com/kendo-ui/api/web/grid#methods-select (use this to get/set currently selected record)
• http://docs.telerik.com/kendo-ui/api/web/grid#events-change (use this to detect changes in the selection)

I hope this information will help.

Regards,
Alexander Valchev
Telerik

 

 

[JSON]

They're actually bound to the same data source. 

[Alexander Valchev]

Hello Joe,

If they are bound to the same DataSource the filter should automatically take effect in both Grids. In such case you will have to handle manually only the select synchronization using the approach described below.

Regards,
Alexander Valchev
Telerik