為什么我無法將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>