为什么我无法将Command绑定到按钮？

Question

我正在Windows Phone 7.5及更高版本上的项目目标上工作。

我有的
列表框

<ListBox    HorizontalAlignment="Left" 
        VerticalAlignment="Top" 
        SelectedItem="{Binding singleFavListItem, Mode=TwoWay}"
        ItemTemplate="{StaticResource userFavBoardListItemTemplate}"
        ItemsSource="{Binding userfavboardlist}" 
        ScrollViewer.VerticalScrollBarVisibility="Disabled" Margin="12,0,0,12"/>

ItemTemplate

<DataTemplate x:Key="userFavBoardListItemTemplate">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="70*"/>
            <ColumnDefinition Width="30*"/>
        </Grid.ColumnDefinitions>
        <TextBlock  HorizontalAlignment="Left" 
            TextWrapping="Wrap" 
            Text="{Binding boardName}" 
            VerticalAlignment="Center" 
            FontSize="{StaticResource PhoneFontSizeMedium}" 
            Foreground="{StaticResource TitleColor}"/>
        <Button Command="{Binding quitBoardCommand}"
                CommandParameter="{Binding boardUrl}"
                Content="Quit" 
        HorizontalAlignment="Left" 
        VerticalAlignment="Top" 
        Grid.Column="1"
        FontSize="{StaticResource PhoneFontSizeSmall}" 
        BorderBrush="{StaticResource DateArticalCategoryColor}" 
        Foreground="{StaticResource DateArticalCategoryColor}">
     </Button>
    </Grid>
</DataTemplate>

视图模型

public MyFavListViewModel()
{
    this._quitBoardCommand = new DelegateCommand(this.quitBoardAction);
}
private ICommand _quitBoardCommand;
public ICommand quitBoardCommand
{
    get
    {
        return this._quitBoardCommand;
    }
}
private void quitBoardAction(object p)
{
    //my business logic here
}

错误
我在OutPut窗口中发现了一个错误：

'xicihutong.Model.UserFavBoardListRawData'（HashCode = 55845053）。 BindingExpression：路径='quitBoardCommand'数据项='xicihutong.Model.UserFavBoardListRawData'（HashCode = 55845053）; 目标元素是'System.Windows.Controls.Button'（Name =''）; 目标属性是“命令”（类型为“ System.Windows.Input.ICommand”）。

有什么问题
让我感到困惑的是，当我点击按钮时，quitBoardCommand永远不会被触发？ 看来我无法将Command绑定到按钮，DelegateCommand部分是正确的，因为我可以使用它来绑定其他页面中的命令。 ListBox的SelectedItem也可以正常工作。

为什么我不能绑定这个？

Answer 1

您需要引用ListBox的DataContext绑定到命令。 要解决此问题，请为您的ListBox命名，然后引用command属性

<ListBox x:Name="myLB"
    <!-- rest of your stuff -->
/>

<Button 
    Command="{Binding Path=DataContext.quitBoardCommand, ElementName=myLB}"
    CommandParameter="{Binding boardUrl}"
    Content="Quit" />

Answer 2

你可以试试这个代码。 您不会忘记更改“数据上下文”名称。

<DataTemplate x:Key="userFavBoardListItemTemplate">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="70*"/>
            <ColumnDefinition Width="30*"/>
        </Grid.ColumnDefinitions>
        <TextBlock  HorizontalAlignment="Left" 
            TextWrapping="Wrap" 
            Text="{Binding boardName}" 
            VerticalAlignment="Center" 
            FontSize="{StaticResource PhoneFontSizeMedium}" 
            Foreground="{StaticResource TitleColor}"/>
        <Button Command="{Path=quitBoardCommand,Source={StaticResource datacontext}}"
                CommandParameter="{Binding boardUrl}"
                Content="Quit" 
        HorizontalAlignment="Left" 
        VerticalAlignment="Top" 
        Grid.Column="1"
        FontSize="{StaticResource PhoneFontSizeSmall}" 
        BorderBrush="{StaticResource DateArticalCategoryColor}" 
        Foreground="{StaticResource DateArticalCategoryColor}">
     </Button>
    </Grid>
</DataTemplate>