Same asp:GridView in different ajaxToolkit:TabPanel

Question

I have to filter GridView data based on the Tab Panel selected, Here is the scenario:

I have the following tabs

All | Tab A | Tab B | Tab C

When I click on "All" tab, I get 10 records and my GridView contains 10 records, But when I click on Tab A, my GridView need to filter and show 5 records
Right now, I am using the separate GridView for each tab and binding to same DataSourceID.
And using OnActiveTabChanged event to filter the data, but this is invoking underlying method to-execute 4 times (because of 4 tab panels), no problem with the user experience but there is performance issue...
I am trying to see, if I can use the : Same GrigView in all the Tab Panels for this type of scenario

Any help is much appreciate, thanks!!

Answer 1

If you want to use a single GridView on all tabs, try invoking the underlying method (that populates the GridView) in OnPreRender instead of OnActiveTabChanged. Make it conditional on which tab is active, and filter accordingly.

Answer 2

You can use the RowFilter property on a DataView and have each tab apply the one you need.

ie DataView1.RowFilter = "Column='ColumnValue'" then set the datasource/databind.