WPF에서 템플릿을 사용할 때 버튼에 명령을 지정하는 방법은 무엇입니까?

Question

나는 나의 편집 버튼이 어떻게 보일지를 정의하는 Button 템플릿이 있습니다

<ControlTemplate x:Key="EditButton" TargetType="{x:Type Button}"> 
    <Button Style="{StaticResource GrayOutButtonStyle}" > 
     <Image x:Name="editImage" Source="{StaticResource EditIcon}" /> 
    </Button> 
</ControlTemplate> 

내가 (안 템플릿) 버튼을 만드는 곳 XAML에 Command를 선언합니다. 나는 Button에 Command 속성을 설정할 때, 무시되는 것 :

<Button Template="{StaticResource EditButton}" 
     Command="{Binding Source={StaticResource ViewModel}, Path=EditCommand}" 
     CommandParameter="{Binding}" /> 

내 구문 문제점은 무엇입니까?

(참고 :이 버튼에서 템플릿을 제거하면 Command이 작동하므로 템플릿을 사용하는 것이 좋습니다.)

Answer 1

Button 템플릿에 다른 Button이 포함 된 이유는 무엇입니까? 그건 말이 안되며 템플릿이 암시 적으로 적용된 경우 StackOverflow가 어려워 질 것입니다. Image이어야하며,이 경우 명령이 작동해야합니다.

분명히 말하자면, ICommand이 올바르게 적용된 외부 Button이있는 것입니다. 그러나 그 안에 Image이있는 다른 Button으로 표시됩니다. 따라서 Image을 클릭하면 실제로 내부Button이 표시되며 ICommand과 연결되지 않습니다. 바깥 쪽 단추는 결코 클릭을 "보지"않으므로 명령을 실행하지 않습니다. 내가 권하고 싶지 않다,하지만 작동합니다

귀하의 유일한 옵션은 외부 버튼의 속성에 대한 내부 버튼을 바인드하는 것입니다 :

<ControlTemplate ...> 
    <Button Command="{TemplateBinding Command}" CommandParameter="{Binding CommandParameter}" ...> 
     <Image .../> 
    </Button> 
</ControlTemplate> 

Answer 2

명령을 참조하는 또 다른 방법입니다 다음과 같이 상대 바인딩 :

<Setter Property="Template"> 
    <Setter.Value> 
     <ControlTemplate TargetType="Button"> 
      <Button Command="{Binding Path=Command, RelativeSource={RelativeSource AncestorType=Button}}"> 
       <Image... /> 
      </Button> 
     </ControlTemplate> 
    </Setter.Value> 
</Setter>