항목을 클릭 할 때 데이터 템플릿을 변경하는 방법은 무엇입니까?

Question

나는 ItemsControl 다음과 같습니다 그 DataTemplate에 있습니다

나는 사용자가 항목을 클릭 할 때 효과를 달성하고자하는 - 그것은 수직으로 확장하고 더 많은 정보를 보여줍니다.

제가 생각하는 유일한 방법은 ListBox으로 변경하고 선택하고 정기적으로 볼 때 2 DataTemplates을 만드시겠습니까?

하지만이 상자를 확장하려면 Grid을 클릭하고 내 VM의 속성을 뒤집어서 등록하십시오. 사용자가 Grid MVVM 방식으로 클릭 할 때 등록 할 방법이 있습니까?

Answer 1

MouseDown 이벤트에 대해 연결된 동작을 사용할 수 있습니다.
가 다음과 같은 질문을 참조하십시오 : 귀하의 경우 WPF/MVVM - how to handle double-click on TreeViewItems in the ViewModel?

는 내가 질문을 제대로 다음있어 확실하지 않다이

<ItemsControl ItemsSource="{Binding ...}"> 
    <ItemsControl.ItemContainerStyle> 
     <Style TargetType="ContentPresenter"> 
      <Setter Property="commandBehaviors:MouseDown.Command" 
        Value="{Binding YourItemClickCommand}"/> 
      <Setter Property="commandBehaviors:MouseDown.CommandParameter" 
        Value="{Binding}"/> 
     </Style> 
    </ItemsControl.ItemContainerStyle> 
    <!-- ... --> 
</ItemsControl> 

MouseDown

public class MouseDown 
{ 
    public static DependencyProperty CommandProperty = 
     DependencyProperty.RegisterAttached("Command", 
              typeof(ICommand), 
              typeof(MouseDown), 
              new UIPropertyMetadata(CommandChanged)); 

    public static DependencyProperty CommandParameterProperty = 
     DependencyProperty.RegisterAttached("CommandParameter", 
              typeof(object), 
              typeof(MouseDown), 
              new UIPropertyMetadata(null)); 

    public static void SetCommand(DependencyObject target, ICommand value) 
    { 
     target.SetValue(CommandProperty, value); 
    } 

    public static void SetCommandParameter(DependencyObject target, object value) 
    { 
     target.SetValue(CommandParameterProperty, value); 
    } 
    public static object GetCommandParameter(DependencyObject target) 
    { 
     return target.GetValue(CommandParameterProperty); 
    } 

    private static void CommandChanged(DependencyObject target, DependencyPropertyChangedEventArgs e) 
    { 
     Control control = target as Control; 
     if (control != null) 
     { 
      if ((e.NewValue != null) && (e.OldValue == null)) 
      { 
       control.MouseDown += OnMouseDown; 
      } 
      else if ((e.NewValue == null) && (e.OldValue != null)) 
      { 
       control.MouseDown -= OnMouseDown; 
      } 
     } 
    } 

    private static void OnMouseDown(object sender, RoutedEventArgs e) 
    { 
     Control control = sender as Control; 
     ICommand command = (ICommand)control.GetValue(CommandProperty); 
     object commandParameter = control.GetValue(CommandParameterProperty); 
     command.Execute(commandParameter); 
    } 
} 

Answer 2

과 같을 것이다을하지만, 당신이 찾고있는 DataGrid RowDetails 기능과 같은 것입니까?

http://wpftutorial.net/DataGrid.html#rowDetails