WPF: TreeViewItem vinculado a un ICommand

Question

Estoy ocupado creando mi primera aplicación MVVM en WPF.

Básicamente el problema que tengo es que tengo un TreeView (System.Windows.Controls.TreeView) que he colocado en mi ventana de WPF, he decidido enlazar a un elemento ReadOnlyCollection de CommandViewModel, y estos los elementos consisten en DisplayString, Tag y RelayCommand.

Ahora en el XAML, tengo mi TreeView y he vinculado con éxito mi ReadOnlyCollection a esto. Puedo ver esto y todo se ve bien en la interfaz de usuario.

El problema ahora es que tengo que vincular el RelayCommand al Comando del TreeViewItem, sin embargo, por lo que puedo ver, TreeViewItem no tiene un Comando. ¿Esto me obliga a hacerlo en la propiedad IsSelected o incluso en el código detrás del método TreeView_SelectedItemChanged o hay una manera de hacerlo mágicamente en WPF?

Este es el código que tengo:

<TreeView BorderBrush="{x:Null}" 
     HorizontalAlignment="Stretch" 
     VerticalAlignment="Stretch"> 
<TreeView.Items> 
    <TreeViewItem 
     Header="New Commands" 
     ItemsSource="{Binding Commands}" 
     DisplayMemberPath="DisplayName" 
     IsExpanded="True"> 
    </TreeViewItem> 
</TreeView.Items> 

e, idealmente, me encantaría ir:

<TreeView BorderBrush="{x:Null}" 
     HorizontalAlignment="Stretch" 
     VerticalAlignment="Stretch"> 
<TreeView.Items> 
    <TreeViewItem 
     Header="New Trade" 
     ItemsSource="{Binding Commands}" 
     DisplayMemberPath="DisplayName" 
     IsExpanded="True" 
     Command="{Binding Path=Command}"> 
    </TreeViewItem> 
</TreeView.Items> 

¿Alguien tiene una solución que me permite usar la infraestructura RelayCommand que tengo.

Gracias muchachos, muy apreciados!

Richard

Answer 1

Gracias por la entrada en el tema, y ​​sí, yo he dicho que no quería un código detrás de solución, sin embargo en ese momento yo era todavía muy bajo la impresión de que simplemente me faltaba algo ... así que terminé usando el evento TreeView_SelectedItemChanged.

Aunque el enfoque de Will parece ser un buen trabajo, para mi situación personal decidí que usaría el código. La razón para esto es para que View y XAML permanezcan como lo serían si TreeViewItem tuviera una propiedad de "Comando" a la que se pudiera vincular mi Command. Ahora no tengo que cambiar las plantillas o las vistas, todo lo que tengo que hacer es agregar el código y el evento para TreeView_SelectedItemChanged.

Mi solución:

private void TreeView_SelectedItemChanged(object sender, RoutedPropertyChangedEventArgs<object> e) 
    { 
     if (sender != null) 
     { 
      var treeView = sender as TreeView; 
      if (treeView != null) 
      { 
       var commandViewModel = treeView.SelectedItem as CommandViewModel; 
       if (commandViewModel != null) 
       { 
        var mi = commandViewModel.Command.GetType().GetMethod("Execute"); 
        mi.Invoke(commandViewModel.Command, new Object[] {null}); 
       } 
      } 
     } 
    } 

Como ya tengo la RelayCommand unido a la TreeViewItem, todo lo que estoy haciendo ahora es simplemente invocar manualmente el método "Ejecutar" en la que RelayCommand específica.

Si esta es la forma completamente equivocada de hacer las cosas, por favor hágamelo saber ...

Gracias!

Answer 2

lo que he hecho se establece the Header del TreeViewItem a ser un botón, a continuación, aspectos al botón para que no se ve o actúa como uno, a continuación, realizar la unión contra el botón de mi mando.

Puede necesitar hacer esto a través de un DataTemplate, o puede necesitar cambiar la plantilla del mismo TreeViewItem. Nunca lo hice, pero así es como he hecho cosas similares (como encabezados de página con pestañas).

---

He aquí un ejemplo de lo que estoy hablando (que puede caer en esta Kaxaml y jugar un rato con él):

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 
    <Page.Resources> 
     <Style x:Key="ClearButan" TargetType="Button"> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="Button">    
       <Border Name="border" 
        Padding="4" 
        Background="transparent"> 
        <Grid > 
        <ContentPresenter HorizontalAlignment="Center" 
            VerticalAlignment="Center"> 
        </ContentPresenter> 
        </Grid> 
       </Border> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
     </Style> 
    </Page.Resources> 
    <Grid> 
     <TreeView> 
     <TreeViewItem> 
      <Button Style="{StaticResource ClearButan}"> 
      easy peasy 
      </Button> 
     </TreeViewItem> 
     </TreeView> 
    </Grid> 
</Page> 

He creado un nuevo estilo claro para un botón. Luego, simplemente coloco un botón en el TVI y establezco su estilo. Puede hacer lo mismo usando plantillas de datos, por supuesto.

Answer 3

Este es un buen ejemplo de cómo el MVVM es una mera idea en WPF. Esperas que haya compatibilidad con el comando de ciertos elementos de la interfaz gráfica de usuario, pero no los hay, por lo que te obligan a pasar por un proceso complejo (como se muestra en el ejemplo de Will) solo para obtener un comando adjunto a algo. esperanza

Vamos abordan esta en WPF 2.0 :-)

Answer 4

Sé que esto fue "respondido" hace un tiempo, pero dado que las respuestas no fueron ideales, pensé que pondría mi granito de arena. Utilizo un método que me permite no tener que recurrir a ningún "truco de botones con estilo" o incluso usar código subyacente y, en cambio, mantener toda mi separación en MVVM. En su TreeView añadir el siguiente XAML:

<i:Interaction.Triggers> 
    <i:EventTrigger EventName="SelectedItemChanged"> 
     <i:InvokeCommandAction Command="{Binding TreeviewSelectedItemChanged}" CommandParameter="{Binding ElementName=treeView, Path=SelectedItem}"/> 
    </i:EventTrigger> 
</i:Interaction.Triggers> 

en su añadir cabecera xaml:

xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" 

y entonces usted tiene que agregar una referencia al conjunto anterior en su proyecto.

Después de eso, todo actúa igual que cualquier otro comando con un botón o algo así.