如何在模板化按钮中触发Click-Event

Question

I have searched for this issue but didn't found any Solutions.

I have a Templated-Button with an Image in Button.Template. This Button is Part of a CustomControl.

 <Button x:Name="PART_DELETESEARCHBUTTON" Style="{StaticResource CustomDeleteButtonStyle}" Command="{x:Static local:CustomSearchControl.DeleteCommand}" Width="20" Height="20" Margin="0,0,5,0"> <Button.Template> <ControlTemplate> <Image x:Name="PART_IMGDELETE" Source="{DynamicResource _Av_PinClose_Dark}" Cursor="Hand" Margin="2"/> <ControlTemplate.Triggers> <Trigger Property="IsMouseOver" Value="True"> <Setter Property="Background" Value="Red"/> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </Button.Template> 

In Class of the CustomControl the Command for the Button is implemented:

 static CustomSearchControl() { DefaultStyleKeyProperty.OverrideMetadata(typeof(CustomSearchControl), new FrameworkPropertyMetadata(typeof(CustomSearchControl))); CommandManager.RegisterClassCommandBinding(typeof(CustomSearchControl), new CommandBinding(CustomSearchControl.DeleteCommand, C_DeleteCommand)); } public override void OnApplyTemplate() { base.OnApplyTemplate(); } static void C_DeleteCommand(object sender, ExecutedRoutedEventArgs e) { CustomSearchControl mycontrol = sender as CustomSearchControl; mycontrol.SearchText = ""; } public static readonly ICommand DeleteCommand = new RoutedUICommand("DeleteCommand", "DeleteCommand", typeof(CustomSearchControl), new InputGestureCollection(new InputGesture[] { new KeyGesture(Key.Enter), new MouseGesture(MouseAction.LeftClick) })); 

Now, if MouseClick on Button (Image) the Command isn't fired. When removing Button.Template with Image, all works fine.

How can the MouseClick on the Templated.ButtonImage binded to the Command?

Or is there annother way to solve this?

And secondly: The DeleteCommand clears a TextBox in this CustomControl. That works, but after Clearing, the TextBox lost the Focus. What is to do that the TextBox gets the Focus again after Click on Button??? Trigger or so???

Answer 1

I can't recreate the problem with the command not executing. It's working fine for me.

For the focus issue, the button gets focus when it's clicked. You'll have to explicitly set focus back to the textbox. That's easy. If it doesn't have a name in the template, give it one; I called mine "PART_SearchTextBox" but you can substitute your own name.

public override void OnApplyTemplate()
{
    base.OnApplyTemplate();

    _PART_SearchTextBox = (TextBox)GetTemplateChild("PART_SearchTextBox");
}

public void ClearSearchText()
{
    SearchText = "";
    _PART_SearchTextBox.Focus();
}

private TextBox _PART_SearchTextBox;

static void C_DeleteCommand(object sender, ExecutedRoutedEventArgs e)
{
    CustomSearchControl mycontrol = sender as CustomSearchControl;
    mycontrol.ClearSearchText();
}

And in the CustomSearchControl template, name the textbox PART_SearchTextBox :

<TextBox 
    x:Name="PART_SearchTextBox"
    Text="{Binding SearchText, RelativeSource={RelativeSource TemplatedParent}}"
    ...etc...
    />