命令绑定到 DataTemplate 内的按钮不起作用

Question

示例：

<ListBox Name="List" 
             ItemsSource="{Binding Items}" 
             SelectedIndex="{Binding SelectedIndex}">
        <ListBox.ItemTemplate>
            <DataTemplate>
                <DockPanel >
                    <Button DockPanel.Dock="Left" Content="Show" Command="{Binding ShowCommand}" CommandParameter="{Binding}"/>
                    <TextBlock Text="{Binding }"/>
                </DockPanel>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>

点击按钮没有任何反应。我试图将命令绑定到 DataTemplate 之外的按钮并且它有效。我还尝试将 DataTemplate 中的按钮注册到 Click_event，这确实有效。

为什么命令在 DataTemplate 中不起作用？

Answer 1

由于命令是在 ListBox 的 DataContext 中定义的，请使用 RelativeSource 绑定来帮助 Button 找到命令：

<ListBox.ItemTemplate>
    <DataTemplate>
        <DockPanel >
            <Button DockPanel.Dock="Left" Content="Show" Command="{Binding DataContext.ShowCommand,RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type ListBox}}}" CommandParameter="{Binding}"/>
            <TextBlock Text="{Binding }"/>
        </DockPanel>
    </DataTemplate>
</ListBox.ItemTemplate>

或使用 ElementName 绑定：

<ListBox.ItemTemplate>
    <DataTemplate>
        <DockPanel >
            <Button DockPanel.Dock="Left" Content="Show" Command="{Binding DataContext.ShowCommand,ElementName=List}" CommandParameter="{Binding}"/>
            <TextBlock Text="{Binding }"/>
        </DockPanel>
    </DataTemplate>
</ListBox.ItemTemplate>

命令绑定到 DataTemplate 内的按钮不起作用

Command binding to a button inside a DataTemplate not working

wpf

command

button

datatemplate