web-dev-qa-db-ja.com

HierarchicalDataTemplateアイテムからTreeViewItemを取得する方法

TreeViewを使用してデータをバインドするHierarchicalDataTemplateがあります。

次のようになります。

<TreeView x:Name="mainTreeList" ItemsSource="{Binding MyCollection}>
  <TreeView.Resources>
    <HierarchicalDataTemplate 
     DataType="{x:Type local:MyTreeViewItemViewModel}" 
     ItemsSource="{Binding Children}">
      <!-- code code code -->
    </HierarchicalDataTemplate>
  </TreeView.Resources>
</TreeView>

次に、メインウィンドウなどのコードビハインドから、現在選択されているTreeViewItemを取得します。ただし、使用する場合：

this.mainTreeList.SelectedItem;

SelectedItemのタイプはMyTreeViewItemViewModelです。しかし、私は「親」または「拘束された」TreeViewItemを取得したいと思います。私はそれをTreeViewItemModelオブジェクトに渡しません（方法さえわからないでしょう）。

これどうやってするの？

wpftreeviewhierarchicaldatatemplate
31
Razzie

これについて Bea Stollnitz のブログエントリから、

TreeViewItem item = (TreeViewItem)(mainTreeList
    .ItemContainerGenerator
    .ContainerFromIndex(mainTreeList.Items.CurrentPosition));
21
Cameron MacFarland
TreeViewItem item = (TreeViewItem)(mainTreeList
    .ItemContainerGenerator
    .ContainerFromIndex(mainTreeList.Items.CurrentPosition));

DOES NOT WORK（私にとっては）HierarchicalDataTemplateを使用するツリービューのmainTreeList.Items.CurrentPositionは常に-1になります。

NEITHER DOES以下のように、HierarchicalDataTemplateを使用するツリービューのmainTreeList.Items.CurrentItemは常にnullになります。

TreeViewItem item = (TreeViewItem)mainTreeList
    .ItemContainerGenerator
    .ContainerFromItem(mainTreeList.Items.CurrentItem);

[〜＃〜]代わりに[〜＃〜]最後に選択されたTreeViewItemをルーティングされたTreeViewItem.Selectedイベントに設定して、ツリービューにバブルアップする必要がありました（TreeViewItem自体はデザインには存在しません） HierarchicalDataTemplateを使用しているため）。

イベントは次のようにXAMLでキャプチャできます。

<TreeView TreeViewItem.Selected="TreeViewItemSelected" .../>

次に、最後に選択したTreeViewItemをイベントに次のように設定できます。

    private void TreeViewItemSelected(object sender, RoutedEventArgs e)
    {
        TreeViewItem tvi = e.OriginalSource as TreeViewItem;

        // set the last tree view item selected variable which may be used elsewhere as there is no other way I have found to obtain the TreeViewItem container (may be null)
        this.lastSelectedTreeViewItem = tvi;

        ...
     }
31
markmnl

私はこれと同じ問題に遭遇しました。選択できるように、TreeViewItemにアクセスする必要がありました。次に、プロパティIsSelectedをViewModelに追加し、それをTreeViewItems IsSelectedPropertyにバインドできることに気付きました。これは、ItemContainerStyleで実現できます。

<TreeView>
            <TreeView.ItemContainerStyle>
                <Style TargetType="{x:Type TreeViewItem}">
                    <Setter Property="IsExpanded" Value="{Binding IsExpanded, Mode=TwoWay}"/>
                    <Setter Property="IsSelected" Value="{Binding IsSelected, Mode=TwoWay}" />
                </Style>
            </TreeView.ItemContainerStyle>
</TreeView>

ツリービューの項目を選択したい場合は、ViewModelクラスでIsSelectedを直接呼び出すだけです。

それが誰かを助けることを願っています。

7
santiagoIT
TreeViewItem item = (TreeViewItem)(mainTreeList
    .ItemContainerGenerator
    .ContainerFromIndex(mainTreeList.Items.CurrentPosition)); gives first item in the TreeView because CurrentPosition is always 0.

いかがですか

TreeViewItem item = (TreeViewItem)(mainTreeList
    .ItemContainerGenerator
    .ContainerFromItem(mainTreeList.SelectedItem)));

これは私にとってはうまくいきます。

5
kitndirangu

Fëanorの回答に触発されて、私はTreeViewItemが作成されたすべてのデータアイテムにTreeViewItemを簡単にアクセスできるようにしようとしました。

アイデアは、ビューモデルにTreeViewItem型のフィールドを追加し、これもインターフェイスを介して公開され、TreeViewコンテナーが作成されるたびにTreeViewItemに自動的に入力されるようにすることです。

これを行うには、TreeViewをサブクラス化し、ItemContainerGeneratorにイベントをアタッチします。これにより、TreeViewItemが作成されるたびに記録されます。 Gotchaには、TreeViewItemsが遅延して作成されるという事実が含まれているため、特定の時点で実際に使用できるものがない可能性があります。

この回答を投稿して以来、私はこれをさらに開発し、1つのプロジェクトで長い間使用しました。これはMVVMに違反しているという事実を除いて、これまでのところ問題はありません（しかし、単純なケースでは、大量のボイラープレートも節約できます）。ソース ここ 。

用途

選択したアイテムの親を選択して折りたたみ、ビューにあることを確認します。

...
var selected = myTreeView.SelectedItem as MyItem;
selected.Parent.TreeViewItem.IsSelected = true;
selected.Parent.TreeViewItem.IsExpanded = false;
selected.Parent.TreeViewItem.BringIntoView();
...

宣言：

<Window ...
        xmlns:tvi="clr-namespace:TreeViewItems"
        ...>
    ...
    <tvi:TreeViewWithItem x:Name="myTreeView">
        <HierarchicalDataTemplate DataType = "{x:Type src:MyItem}"
                                  ItemsSource = "{Binding Children}">
            <TextBlock Text="{Binding Path=Name}"/>
        </HierarchicalDataTemplate>
    </tvi:TreeViewWithItem>
    ...
</Window>

class MyItem : IHasTreeViewItem
{
    public string Name { get; set; }
    public ObservableCollection<MyItem> Children { get; set; }
    public MyItem Parent;
    public TreeViewItem TreeViewItem { get; set; }
    ...
}

コード

public class TreeViewWithItem : TreeView
{
    public TreeViewWithItem()
    {
        ItemContainerGenerator.StatusChanged += ItemContainerGenerator_StatusChanged;
    }

    private void ItemContainerGenerator_StatusChanged(object sender, EventArgs e)
    {
        var generator = sender as ItemContainerGenerator;
        if (generator.Status == GeneratorStatus.ContainersGenerated)
        {
            int i = 0;
            while (true)
            {
                var container = generator.ContainerFromIndex(i);
                if (container == null)
                    break;

                var tvi = container as TreeViewItem;
                if (tvi != null)
                    tvi.ItemContainerGenerator.StatusChanged += ItemContainerGenerator_StatusChanged;

                var item = generator.ItemFromContainer(container) as IHasTreeViewItem;
                if (item != null)
                    item.TreeViewItem = tvi;

                i++;
            }
        }
    }
}

interface IHasTreeViewItem
{
    TreeViewItem TreeViewItem { get; set; }
}
4
Roman Starkov

このようなものを試してください：

    public bool UpdateSelectedTreeViewItem(PropertyNode dateItem, ItemsControl itemsControl)
    {
        if (itemsControl == null || itemsControl.Items == null || itemsControl.Items.Count == 0)
        {
            return false;
        }
        foreach (var item in itemsControl.Items.Cast<PropertyNode>())
        {
            var treeViewItem = itemsControl.ItemContainerGenerator.ContainerFromItem(item) as TreeViewItem;
            if (treeViewItem == null)
            {
                continue;
            }
            if (item == dateItem)
            {
                treeViewItem.IsSelected = true;
                return true;
            }
            if (treeViewItem.Items.Count > 0 && UpdateSelectedTreeViewItem(dateItem, treeViewItem))
            {
                return true;
            }
        }
        return false;
    }
2
Kevin

ツリービューアイテムコントローラーとツリービューアイテムデータが分離されているため、単一の 'ItemContainerGenerator.ContainerFromItem'または 'ItemContainerGenerator.ItemContainerGenerator'呼び出しでは、ツリービューオブジェクトに関連付けられたTreeViewItemを見つけることができません。ツリービューでTreeViewItemを見つけるには、「ItemContainerGenerator.ContainerFromItem」と「ItemContainerGenerator.ItemContainerGenerator」を使用する再帰関数を作成する必要があります。再帰関数の例は次のようになります。

private TreeViewItem GetTreeViewItemFromObject(ItemContainerGenerator container, object tvio)
{
    var item = container.ContainerFromItem(tvio) as TreeViewItem;
    if (item != null)
    {
        return item;
    }

    for (int i = 0; i < container.Items.Count; i++)
    {
        var subContainer = (TreeViewItem)container.ContainerFromIndex(i);
        if (subContainer != null)
        {
            item = GetTreeViewItemFromObject(subContainer.ItemContainerGenerator, tvio);
            if (item != null)
            {
                return item;
            }
        }
    }

    return null;
}

var target = GetTreeViewItemFromObject（treeView.ItemContainerGenerator、item）;によって呼び出されます。

再帰関数は、ツリービューの「ItemContainerGenerator.Status」が「ContainersGenerated」である場合にのみ機能します。したがって、初期化ビュー期間中は、「GetTreeViewItemFromObject」は機能しません。

1
William

ウィリアムの再帰検索をよりコンパクトなバージョンに変更しました。

public TreeViewItem GetTreeViewItemFromObject(ItemContainerGenerator container, object targetObject) {
    if (container.ContainerFromItem(targetObject) is TreeViewItem target) return target;
    for (int i = 0; i < container.Items.Count; i++)
        if ((container.ContainerFromIndex(i) as TreeViewItem)?.ItemContainerGenerator is ItemContainerGenerator childContainer)
            if (GetTreeViewItemFromObject(childContainer, targetObject) is TreeViewItem childTarget) return childTarget;
    return null;
}

TreeViewインスタンスのItemContainerGeneratorとターゲットデータオブジェクトを提供することで、それを呼び出すことができます。

TreeViewItem tvi = GetTreeViewItemFromObject(treeView.ItemContainerGenerator, targetDataObject);
1
Mike DeMauro

これが解決策です。 rtvEsaはツリービューです。 HierarchicalDataTemplateはツリービューテンプレートタグで、現在のアイテムを実際に消費します。これは選択された項目ではなく、HierarchicalDataTemplateを使用するツリーコントロールの現在の項目です。

Items.CurrentItemは内部ツリーコレクションの一部です。多くの異なるデータを取得することはできません。たとえば、Items.ParenItemも同様です。

  <HierarchicalDataTemplate ItemsSource="{Binding ChildItems}">

  <TextBox Tag="{Binding ElementName=rtvEsa, Path=Items.CurrentItem }" />
0
Petar

表示されているものを変更するので、TreeViewItemが必要ですか？その場合は、TreeViewItemを直接変更するのではなく、分離コードを使用するのではなく、Styleを使用して項目の表示方法を変更することをお勧めします。うまくいけば、よりクリーンになるはずです。

0
viggity

子供のアイテムを見つける必要がある場合は、このような再帰を使用する必要があります

public bool Select(TreeViewItem item, object select) // recursive function to set item selection in treeview
{
    if (item == null)
        return false;
    TreeViewItem child = item.ItemContainerGenerator.ContainerFromItem(select) as TreeViewItem;
    if (child != null)
    {
        child.IsSelected = true;
        return true;
    }
    foreach (object c in item.Items)
    {
        bool result = Select(item.ItemContainerGenerator.ContainerFromItem(c) as TreeViewItem, select);
        if (result == true)
            return true;
    }
    return false;
}
0
purvin