WPF按钮数据触发

Question

我在我的WPF形式有一个按钮，该按钮具有MVVM应用程序中的图像文字时，我按一下按钮，将附加的文件，我的要求是，当它成功连接我想删除的图像从按钮，并想用一些文本更新按钮。

<StackPanel Grid.Row="3" Orientation="Horizontal" HorizontalAlignment="Right"> 
      <Button ToolTip="Attach Approval" 
        Height="25" 
        Command="{Binding AddAttachmentCommand}" 
        Margin="5,10,5,10"> 
       <StackPanel Orientation="Horizontal"> 
        <Image Source="/UILibrary;component/Themes/Default/Images/Attach.PNG"/> 
       </StackPanel> 
       <Button.Style> 
        <Style TargetType="{x:Type Button}"> 
         <Style.Triggers> 
          <DataTrigger Binding="{Binding IsAttachmentAvailable}" Value="True"> 
           <Setter Property="Visibility" Value="Visible"/> 
           <Setter Property="Content" Value="Appprove"/> 
          </DataTrigger> 
          <DataTrigger Binding="{Binding IsAttachmentAvailable}" Value="False"> 
           <Setter Property="Visibility" Value="Visible"/> 
          </DataTrigger> 
         </Style.Triggers> 
        </Style> 
       </Button.Style> 

      </Button> 
      <StackPanel Orientation="Horizontal" 
         Height="25" 
         Margin="5,10,5,10" 
         Visibility="{Binding IsAttachmentAvailable, Converter={StaticResource BooleanToVisibilityConverter}}">    
       <TextBlock Margin="3"> 
        <Hyperlink Command="{Binding OpenAttachmentCommand}"> 
         <TextBlock Text="{Binding Attachment.FileName}"/> 
        </Hyperlink> 
       </TextBlock> 
       <customControls:CloseButton Width="15" Height="15" Command="{Binding RemoveAttachmentCommand}"> 
        <customControls:CloseButton> 
         Remove attachment 
        </customControls:CloseButton> 
       </customControls:CloseButton> 
      </StackPanel> 
      <Button Height="25" 
        Width="80" 
        Margin="5,10,5,10" 
        Content="Approve" 
        Command="{Binding ApproveTemplateCommand}"/> 
      <Button Height="25" 
        Width="80" 
        Margin="5,10,5,10" 
        Content="Preview" 
       Command="{Binding PreviewTemplateCommand}"/> 
      <Button Content="Save" 
       Command="{Binding SaveTemplateCommand}" 
       Height="25" 
        Width="80"      
        Margin="5,10,5,10"/> 
      <Button Height="25" 
        Width="80" 
        Margin="5,10,10,10" 
        Content="Cancel" 
        Command="{Binding CancelCommand}"/> 
     </StackPanel>  

Answer 1

如果Button.Content在<Button>标签本身就像你有设置，将优先于任何风格的值。

您需要直接将您的StackPanel出<Button.Content>标签，并把它的风格或其他数据触发器来代替。

<Button ToolTip="Attach Approval" 
     Height="25" 
     Command="{Binding AddAttachmentCommand}" 
     Margin="5,10,5,10"> 
    <Button.Style> 
     <Style TargetType="{x:Type Button}"> 
      <!-- Default Content value --> 
      <Setter Property="Content"> 
       <Setter.Value> 
        <StackPanel Orientation="Horizontal"> 
         <Image Source="/UILibrary;component/Themes/Default/Images/Attach.PNG"/> 
        </StackPanel> 
       </Setter.Value> 
      </Setter> 

      <!-- Triggered values --> 
      <Style.Triggers> 
       <DataTrigger Binding="{Binding IsAttachmentAvailable}" Value="True"> 
        <Setter Property="Visibility" Value="Visible"/> 
        <Setter Property="Content" Value="Appprove"/> 
       </DataTrigger> 
       <DataTrigger Binding="{Binding IsAttachmentAvailable}" Value="False"> 
        <Setter Property="Visibility" Value="Visible"/> 
       </DataTrigger> 
      </Style.Triggers> 
     </Style> 
    </Button.Style> 

查看MSDN's Dependency Property Precedence List了解更多信息。