WPF Treeview binding two or more type of data

Question

I wanna to bind two or more class of data as TreeViewItem. For a directly example: file and folder contained in another folder but you don't know the struct at first. I wanna realise it with WPF treeview. But treeview can just bind only one type of node with HierarchicalDataTemplate(Such as my code).

<DockPanel SizeChanged="FrameworkElement_OnSizeChanged">
    <DockPanel.Resources>
        <HierarchicalDataTemplate x:Key="NodeDataTemplate" 
                                  DataType="{x:Type sideList:SideListNode}" 
                                  ItemsSource="{Binding Path=Children}">

            <StackPanel Orientation="Horizontal">
                <TextBlock VerticalAlignment="Center" x:Name="DisplayName"  Text="{Binding DisplayName}" ></TextBlock>
            </StackPanel>
            <HierarchicalDataTemplate.Triggers>
                <DataTrigger Binding="{Binding Path=}" Value="0">
                    <Setter TargetName="DisplayName" Property="Background" Value="Red">
                    </Setter>
                </DataTrigger>
            </HierarchicalDataTemplate.Triggers>
        </HierarchicalDataTemplate>
    </DockPanel.Resources>

    <TreeView  
        x:Name="SideList" DockPanel.Dock="Left"  MinWidth="200" MaxWidth="250"  Background="Aqua"
              ItemTemplate="{StaticResource NodeDataTemplate}">

    </TreeView>

But of course there some different between folder and file. Some distingct property for each others. Now we need bind two type for create nodes. One for file and one for folder. How we can do that?

RadioSpace RadioSpace · Accepted Answer · 2014-02-02T18:29:37

all possible classes could derive from an interface such as

public Interface IGeneralInfo
{
    string info1{get;}
    string info2{get;}
    string info3{get;}
}

then bind to interface type

EDIT

here is all I can do with out more detail as to your actual data

in MainWindow.XAML

<Window x:Class="DUALBIND.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
<Grid>
    <StackPanel>
        <Button x:Name="button1" Click="button1_Click" Content="ADD (this is set up for you to test)" FontFamily="Courier New" FontSize="16"/>
    <ListBox ItemsSource="{Binding}" x:Name="infolist">
        <ListBox.ItemTemplate>
            <DataTemplate>
                <StackPanel Orientation="Horizontal">
                        <TextBlock Text="{Binding Info1}"/>
                        <TextBlock Text=" :: "/>
                        <TextBlock Text="{Binding Info2}"/>
                </StackPanel>
            </DataTemplate>
        </ListBox.ItemTemplate>

    </ListBox>
    </StackPanel>
</Grid>
</Window>

in MainWindows.XAML.cs (did not take time to remove usings from project)

using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;//<-------- notice this
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace DUALBIND
{
/// <summary>
/// Interaction logic for MainWindow.xaml
/// </summary>
public partial class MainWindow : Window
{
    static Random r = new Random();//best use of random

    ObservableCollection<IGeneralInfo> generalinfo = new ObservableCollection<IGeneralInfo>();
    public MainWindow()
    {
        InitializeComponent();

        infolist.DataContext = generalinfo;

        generalinfo.Add(new OBJA());
        generalinfo.Add(new OBJA());
        generalinfo.Add(new OBJA());
        generalinfo.Add(new OBJB(7));
        generalinfo.Add(new OBJB(6));
        generalinfo.Add(new OBJB(12345));

    }

    private void button1_Click(object sender, RoutedEventArgs e)
    {
        /*this was set up for you to play with*/           

        MessageBox.Show("You get to mess with this");
        generalinfo.Add(new OBJB(MainWindow.r.Next()));
    }
}
}

in IGeneralInfo.cs

using System;

namespace DUALBIND
{
interface IGeneralInfo
{

    string Info1 {get; }
    string Info2 { get; }
}

class OBJA : IGeneralInfo
{

    public string Info1
    {
        get { return "Info1 is used"; }
    }

    public string Info2
    {
        get { return "Info2 is used"; }
    }
}

class OBJB : IGeneralInfo 
{
    int x;

    public OBJB(int X)
    {
        x = X;
    }

    public string Info1
    {
        get { return "" + x; }
    }

    public string Info2
    {
        get { return ""; /*handle this how you want*/}
    }
}
}

all working code on my end (unless copy and paste failed me)

WPF Treeview binding two or more type of data

2 Answers