CODEWITHSUNDEEP
c#wpfmvvm
Jdinklage Morgoone
Jdinklage Morgoone

Reputation: 810

Dynamically creating Tab+DataGrid for binding with multiple different classes?

I apologize for the crappy title, I wasn't quite sure how to summarize what I'm trying to do.

My scenario: I am refactoring an existing WinForms application to WPF and MVVM. I'm currently working on a module that provides search functionality for a database comprised of many different tables such as Contact, User, Case, Product, etc. In code-behind there are classes which provide an Object for each. I have written wrapper classes for each of the searchable table Objects that expose only the properties a user would want/need to see in the search results for each type of Object, for binding to a DataGrid.

Once these search results exist, they need to be displayed in a combination of Tab Controls and Data Grids, like so:

enter image description here

Because of some use cases, I need to be able to create an individual display Tab+DataGrid for the results of every single search that is performed. I cannot have a single tab for each type of search that is shown/hidden as needed.

I'm not sure how to proceed from where I currently am to the goal pictured and described above. Thanks for any help anyone can provide.

Upvotes: 0

Views: 311

Answers (1)

kidshaw
kidshaw

Reputation: 3461

Not sure I entirely understand your question, but it looks to me that it might be a candidate for datatemplateselector.

Basically, you use an ItemsControl bound to your result collection and then - using a datatemplateselector - you swap in the appropriate template to display the item based upon a code inspection.

That will let you present all the results in a single list.

If you want to display your results in a tabs, I would present a collection of each result type in your viewmodel. So you have a Users collection and a seperate Products collection. Then you can bind individual data grids to each template.

If you want to then hide the tabs when no results are present, add a data trigger using the expression.interactivity namespace to trigger the visibility of each tab page based on its respective collection count.

One more thing, if you want to create tab items dynamically, i.e. One tab for each search - the tab control has an ItemSource property. If you group each search result into an object an expose an observable collection of that object, you can bind that to your tab control and have it create tab items for each search result. Just make that object contain a collection of actual results and you should be able to create a itemscontrol as mentioned here already.

Sorry if this appears a bit of a mind dump, but like I said - not sure if I entirely get the question :)

Rather then chuck a load of code snippets in, there a plenty of samples just a google away if anything sounds helpful.

Upvotes: 2

Related Questions