WPF ListBoxItem在绑定对象后其中添加控件后如何再次绑定ViewModel中的Command?

8 篇文章 0 订阅

在这里我用的是数据模板,界面展示时通过模板选择器进行选择对应的模板,选择器暂时不进行展示,下面展示下数据模板中的代码如下:

 <DataTemplate x:Key="chatAudioSend1"> 
        ...省略部分代码,这里主要展示在Item中的Button如何绑定Command
        <Border    Grid.Row="1 " 
                   Grid.Column="0"  
                    x:Name="border1" 
                    CornerRadius="1"
                    BorderBrush="#9EEA6A" 
                    BorderThickness="1" 
                    HorizontalAlignment="Right" 
                    Margin="0,2,10,2"                 
                    Background="#9EEA6A"  
                    MinHeight="30" 
                    MinWidth="100">
                     
               <Button  HorizontalAlignment="Right" 
                        Name="btnSendAudio" 
                        Margin="10,0" 
                        Content="&#xe628;" 
                        Style="{StaticResource btnAudioStyle }"
                        Tag="{Binding .}" 
                        FontFamily="../../Images/#iconfont" 
                        FontSize="20">
               </Button> 
        </Border>
        ...省略部分代码
</DataTemplate>

下面展示Button的Style中如何绑定命令:

 <Style TargetType="Button" x:Key="btnAudioStyle">
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="Foreground" Value="DarkGray" />
        <Setter Property="Command" 
                Value="{Binding DataContext.PlayAudioCommand,
                         RelativeSource={RelativeSource Mode=FindAncestor,
                                         AncestorType={x:Type UserControl}}}" 
        />
        <Setter Property="CommandParameter" 
                Value="{Binding RelativeSource={x:Static RelativeSource.Self}}" />
        <Setter Property="Template">
                <Setter.Value>
                        <ControlTemplate TargetType="{x:Type Button}" >
                        <Border x:Name="PART_BUTTON_BORDER"
                                BorderBrush="{TemplateBinding Control.BorderBrush}"                         
                                BorderThickness="0" CornerRadius="3" 
                                Background="{TemplateBinding Background}">
                             <ContentPresenter
                                     Content="{TemplateBinding ContentControl.Content}"                         
                                     HorizontalAlignment="Center"         
                                     VerticalAlignment="Center" >
                             </ContentPresenter>
                        </Border>
                        </ControlTemplate>
                </Setter.Value>
       </Setter>
       <Style.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Foreground" Value="CornflowerBlue"/>
                        <Setter Property="Cursor" Value="Hand" />
                    </Trigger>
                    <Trigger Property="IsEnabled" Value="False">
                        <Setter Property="Background" Value="Gray"/>
                        <Setter Property="Cursor" Value="No" />
                        <Setter Property="BorderBrush" Value="Gray" />
                    </Trigger>
       </Style.Triggers>
</Style>

使用{Binding DataContext.PlayAudioCommand, RelativeSource={RelativeSource Mode=FindAncestor,  AncestorType={x:Type UserControl}}},即可绑定ViewModel中的命令,CommandParameter的值也将button自身作为参数传递进去了。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值