Compartir a través de


TreeView.ItemTemplate Propiedad

Definición

Obtiene o establece la clase DataTemplate usada para mostrar cada elemento.

API de WinUI 2 equivalente para UWP: Microsoft.UI.Xaml.Controls.TreeView.ItemTemplate (para WinUI en el SDK de Aplicaciones para Windows, consulta los espacios de nombres de SDK de Aplicaciones para Windows).

DataTemplate ItemTemplate();

void ItemTemplate(DataTemplate value);
public DataTemplate ItemTemplate { get; set; }
var dataTemplate = treeView.itemTemplate;
treeView.itemTemplate = dataTemplate;
Public Property ItemTemplate As DataTemplate
<TreeView>
  <TreeView.ItemTemplate>
    singleDataTemplate
  </TreeView.ItemTemplate>
</TreeView>
- or -
<TreeView ItemTemplate="resourceReferenceToDataTemplate"/>

Valor de propiedad

Plantilla que especifica la visualización de los objetos de datos. El valor predeterminado es NULL.

Requisitos de Windows

Familia de dispositivos
Windows 10, version 1809 (se introdujo en la versión 10.0.17763.0)
API contract
Windows.Foundation.UniversalApiContract (se introdujo en la versión v7.0)

Ejemplos

En este ejemplo se muestra cómo aplicar una clase DataTemplate para un objeto definido Item localmente. Para obtener el código que define Item y rellena TreeView, vea el ejemplo "Vista de árbol mediante el enlace de datos" en el artículo TreeView .

<TreeView Name="DessertTree"
          SelectionMode="Multiple"
          ItemsSource="{x:Bind DataSource}">
    <TreeView.ItemTemplate>
        <DataTemplate x:DataType="local:Item">
            <TreeViewItem ItemsSource="{x:Bind Children}"
                          Content="{x:Bind Name}"/>
        </DataTemplate>
    </TreeView.ItemTemplate>
</TreeView>

Comentarios

En Windows 10, versión 1803, no hay ninguna propiedad ItemTemplate . En su lugar, debe volver a crear una plantilla del control TreeView y especificar un ItemTemplate personalizado si el contenido no es una cadena. En este ejemplo se muestra cómo aplicar una clase DataTemplate a un elemento de vista de árbol en Windows 10, versión 1803. Para obtener el código que define Item y rellena TreeView, vea el ejemplo "Vista de árbol mediante el enlace de datos" en el artículo TreeView .

<Page.Resources>
    <DataTemplate x:Key="TreeViewItemDataTemplate" x:DataType="local:Item">
        <TreeViewItem ItemsSource="{x:Bind Children}"
                      Content="{x:Bind Name}"/>
    </DataTemplate>

    <Style TargetType="TreeView">
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="TreeView">
                    <TreeViewList x:Name="ListControl"
                                  ItemTemplate="{StaticResource TreeViewItemDataTemplate}"
                                  ItemContainerStyle="{StaticResource TreeViewItemStyle}"
                                  CanDragItems="True"
                                  AllowDrop="True"
                                  CanReorderItems="True">
                        <TreeViewList.ItemContainerTransitions>
                            <TransitionCollection>
                                <ContentThemeTransition />
                                <ReorderThemeTransition />
                                <EntranceThemeTransition IsStaggeringEnabled="False" />
                            </TransitionCollection>
                        </TreeViewList.ItemContainerTransitions>
                    </TreeViewList>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Page.Resources>
<Grid>
    <TreeView Name="DessertTree"
              ItemsSource="{x:Bind DataSource}"/>
</Grid>

Se aplica a