0

ノード(TreeViewItems)を手動で作成しています。つまり、コードビハインドです。これを行うのは、が展開されるときにサブアイテムをオンデマンドでロードし、ダミーノードを追加する必要があるためです。それが私が手動でアイテムを追加している理由です。

ここで重要なのは、TreeViewItemを作成すると、DataTemplateが表示されず、デフォルトが表示されないことです。出力ウィンドウには何も表示されません。

        DataTemplate dt1 = this.Resources["exerciseSetTemplate"] as DataTemplate;

        foreach (var qs in qss)
        {
            TreeViewItem tvi = new TreeViewItem();
            tvi.Header = qs.SetName;
            tvi.Tag = qs;
            tvi.ItemTemplate = dt1;
            tvi.Items.Add(yourDummyNode);

            treeView1.Items.Add(tvi);
        }

これが私のXAMLコードです:

<UserControl.Resources>
    <DataTemplate x:Key="questionSetTemplate">
        <StackPanel Orientation="Horizontal" Height="20" Margin="2,0,2,0">
            <Image Width="16" Height="16" Source="{StaticResource FolderImage}" Margin="0,0,5,0" />
            <TextBlock Text="{Binding SetName}" />
        </StackPanel>
    </DataTemplate>
</UserControl.Resources>

<Grid>
    <TreeView x:Name="treeView1" TreeViewItem.Expanded="treeView1_Expanded_1"
              ScrollViewer.HorizontalScrollBarVisibility="Disabled">
    </TreeView>
</Grid>

DataTemplateを表示するにはどうすればよいですか?

4

2 に答える 2

2

最良のオプションは、オブジェクトをTreeView Itemsプロパティに直接追加せず(DataTemplatesを無視するため)、Collectionこれらのアイテムを追加してにバインドするためのを作成するTreeViewことです。次に、のx:Keyプロパティを削除してDataTemplate、を使用できDataTypeます。コレクション内のそのタイプのオブジェクトにテンプレートを適用しますTreeView

例:

<UserControl x:Class="WpfApplication8.UserControl1"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:WpfApplication8"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300" Name="UI">
    <UserControl.Resources>
        <DataTemplate DataType="{x:Type local:MyObject}">
            <StackPanel Orientation="Horizontal" Height="20" Margin="2,0,2,0">
                <!--<Image Width="16" Height="16" Source="{StaticResource FolderImage}" Margin="0,0,5,0" />-->
                <TextBlock Text="{Binding SetName}" Foreground="Red"/>
            </StackPanel>
        </DataTemplate>
    </UserControl.Resources>

    <Grid DataContext="{Binding ElementName=UI}">
        <TreeView x:Name="treeView1" ItemsSource="{Binding TreeItems}" ScrollViewer.HorizontalScrollBarVisibility="Disabled" />
    </Grid>
</UserControl>

コード:

public partial class UserControl1 : UserControl
{
    public UserControl1()
    {
        InitializeComponent();

        //  foreach (var qs in qss)
        for (int i = 0; i < 50; i++)
        {
            // TreeItems.Add(qs);
            TreeItems.Add(new MyObject { SetName = "Test1" }); 
        }
    } 

    private ObservableCollection<MyObject> _treeItems = new ObservableCollection<MyObject>();
    public ObservableCollection<MyObject> TreeItems
    {
        get { return _treeItems; }
        set { _treeItems = value; }
    }
}


// Your "qs" object
public class MyObject : INotifyPropertyChanged
{
    private string _folderImage;
    public string FolderImage
    {
        get { return _folderImage; }
        set { _folderImage = value; NotifyPropertyChanged("FolderImage"); }
    }

    private string _setname;
    public string SetName
    {
        get { return _setname; }
        set { _setname = value; NotifyPropertyChanged("SetName"); }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    private void NotifyPropertyChanged(string property)
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this, new PropertyChangedEventArgs(property));
        }
    }
}
于 2013-01-27T23:26:32.103 に答える
0

ItemsTemplateツリーを自分のに設定するのを忘れましたDataTemplate

于 2013-01-27T19:09:10.037 に答える