How to switch between views using DataTemplate + Triggers

Question

I have a requirement where a where user can switch to view hierarchical data either as tree or as a text in datagrid or as FlowChart.

The user can do this by clicki

Answer 1

H.B.'s answer is good, but there are scenarios where it's not quite so good.

If constructing the views (and their underlying view models) is expensive, then toggling the Content property will pay this expense every time the user changes the view.

In some scenarios, it makes sense to create both views in the same container (e.g. a Grid), and toggle their Visibility instead. If you use lazy evaluation in your view models, the expensive operations won't be conducted until the view becomes visible, and - importantly - they'll only be conducted the first time the view becomes visible. Once both views have been displayed, the user can toggle back and forth between views without reconstructing the underlying view models.

Edit:

I stand corrected, sort of: H.B.'s answer is not as good as it looked .

You can't use a style to set the Content property of a ContentControl to a UIElement. See this blog post for full details, but the long and short of it is that if you use H.B.'s approach, you'll get a runtime error.

You can set the ContentTemplate property, instead, e.g.: