two itemtemplates for one listbox

Question

I've got a class FruitViewModel. It describes ViewModels for ListBox items.

<ListBox ItemsSource="{Binding Fruits}">

And I've got

class BananaViewModel : FruitViewModel

and

class AppleViewModel : FruitViewModel

Fruits contains BananaViewModels and AppleViewModels which is bound to ItemsSource.

How can I make different templates for apples and bananas? They should be in one list but have different templates

score 81 · Accepted Answer · edited Oct 16 '17 at 04:12

81

You can define DataTemplates that apply to any instance of a specific type by specifying the DataType without an x:Key. Using this method you don't assign anything to ItemTemplate - the templates are applied automatically.

<ListBox ItemsSource="{Binding Path=MixedList}">
    <ListBox.Resources>
        <DataTemplate DataType="{x:Type local:BananaViewModel}">
            <TextBlock Text="{Binding Name}" Foreground="Yellow"/>
        </DataTemplate>
        <DataTemplate DataType="{x:Type local:AppleViewModel}">
            <TextBlock Text="{Binding Name}" Foreground="Red"/>
        </DataTemplate>
    </ListBox.Resources>
</ListBox>

edited Oct 16 '17 at 04:12

torvin

6,515
1
37
52

answered Oct 23 '10 at 01:59

John Bowen

24,213
4
58
56

3

Thanks for mentioning that you must omit the x:Key! – Matt Williams Feb 02 '16 at 01:11
2

If you want to have the 2 DataTemplates in your . How do you set the 'ItemTemplate=' Property to multiple DataTemplates? Especially I want to outsource 2 HierarchicalDataTemplates for a TreeView to the . Multibinding could be a solution. – Mechandrius Jul 24 '20 at 15:33

score 3 · Answer 2 · edited Jan 26 '18 at 13:49

On the ListView in XAML you can declare an ItemTemplateSelector. The value for this will come from a static resource or similar.

The implementation of your template selector should implement DataTemplateSelector and will basically contain the 'if' statement that chooses the correct DataTemplate based on the bound item's type. It will likely find the DataTemplate from the passed in container's resources (probably using the FindResource function).

~~Edit: Good link perhaps? http://www.switchonthecode.com/tutorials/wpf-tutorial-how-to-use-a-datatemplateselector~~ Dead link.

two itemtemplates for one listbox

2 Answers2

Linked