WPF ListBox showing object property using DataTemplate

Question

I have two implementation of an interface, that is wrapped in another class. It looks like this:

public interface IMyInterface{
    string someProperty
}

public class MyClass1 : IMyInterface{
    string someProperty
}
public class MyClass2 : IMyInterface{
     string someProperty
}

   public class Wrapper{
       public IMyInterface MyObject {get;}

       public Wrapper(IMyInterface imi){
           MyObject = imi;
       }

       public bool SomeOtherProperty {get; }
   }

Now I have a ObservableCollection<Wrapper> Wrappers, that I'm gonna use as ItemSource in ListBox. But I want to create DataTemplate based on the type of Wrapper.MyObject. Is there any way to achieve that?

ASh · Accepted Answer · 2018-06-09 14:10:36Z

2

you can define (in ItemsControl Resources) a DataTemplate for each type. ContentControl in ItemTemplate should pick correct template.

<ItemsControl ItemsSource="{Binding Wrappers}">
    <ItemsControl.Resources>
        <DataTemplate DataType="{x:Type vm:MyClass1}">

        </DataTemplate>

        <DataTemplate DataType="{x:Type vm:MyClass2}">

        </DataTemplate>                    
    </ItemsControl.Resources>

    <ItemsControl.ItemTemplate>
        <DataTemplate>
             <ContentControl Content="{Binding MyObject}"/>
        </DataTemplate> 
    </ItemsControl.ItemTemplate>
</ItemsControl>

edited Jun 9, 2018 at 14:10

answered Jun 9, 2018 at 14:05

ASh

35.9k9 gold badges68 silver badges89 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

SZT Over a year ago

This will just show the ToString() of Wrapper. How can I tell WPF to pick the object property inside the Wrapper, I can't use DisplayMemberPath since it's not a simple string value

ASh Over a year ago

@SZT, my mistake, I misunderstood your issue. please see the edit. ContentControl in ItemTemplate should in theory pick correct template

ASh Over a year ago

@SZT, maybe I wrote smth overcomplicated. If template for MyClass1 and MyClass2 are not using their unique properties, and using only common properties from interface, then you can declare only ItemsControl.ItemTemplate, e.g. like this: <DataTemplate><TextBlock Text="{Binding MyObject.Text}"/></DataTemplate>. I adressed the issue of different templates for different interface implementations mostly

SZT Over a year ago

no you are on the right track. I am showing different icons based on the class type. Here's I got another question though, is there a way where I can show the common properties, and then have a DataTemplate just to pick my icon based on the class type?

ASh Over a year ago

@SZT, you can make an IValueConverter for icon. Bind MyObject using that converter, and return different icons based on real type (value.GetType())

Collectives™ on Stack Overflow

WPF ListBox showing object property using DataTemplate

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related