按钮命令绑定未在Xamarin.Forms中调用binded命令

时间:2016-03-10 10:19:47

标签: c# xaml mvvm data-binding xamarin.forms

我目前正在使用ListView创建一个页面,该ListView由我从Web API恢复的数据填充 我添加了2个按钮:一个用于刷新数据,另一个用于在设备上本地存储数据。问题是:它们都不起作用,绑定不会在日志中产生错误所以我猜它确实将命令绑定到按钮,但是当我点击它时,命令不会被调用。

XAML

<ListView ItemsSource="{Binding Items}">
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <StackLayout Orientation="Horizontal">
                    <StackLayout.GestureRecognizers>
                        <TapGestureRecognizer CommandParameter="{Binding ItemId}">
                            <TapGestureRecognizer.Command>
                                <Binding Source="{x:Reference Page}">
                                    <Binding.Path>BindingContext.ShowItemDataCommand</Binding.Path>
                                </Binding>
                            </TapGestureRecognizer.Command>
                        </TapGestureRecognizer>
                    </StackLayout.GestureRecognizers>
                    <Switch IsToggled="{Binding IsOffline}"/>
                    <StackLayout Orientation="Vertical">
                        <Label Text="{Binding ItemTitle}"/>
                        <Label Text="{Binding ItemDescription}" FontSize="Micro"/>
                    </StackLayout>
                </StackLayout>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
<ListView.Footer>
    <StackLayout>
        <Button Text="Refresh items" HorizontalOptions="CenterAndExpand" Command="{Binding RefreshItemsCommand}"/>
        <Button Text="Save item data" HorizontalOptions="CenterAndExpand" Command="{Binding SaveItemData}"/>
    </StackLayout>
</ListView.Footer>
</ListView>

ViewModel中的命令

public class ItemsViewModel : INotifyPropertyChanged
{
    (...)
    public ItemsViewModel() {
        (...)
        RefreshItemsCommand = new Command(GetItemsObservableCollection);
        TogglePacksAvailabilityCommand = new Command(async () =>
        {
            foreach (var i in Items.Where(i => i.IsOffline)) {
                await SaveItem(i.ItemId);
            }
        });
        (...)
    }
    (...)
    public ICommand RefreshItemsCommand { protected set; get; }
    public ICommand TogglePacksAvailabilityCommand { protected set; get; }
    (...)
}

我用于GestureRecognizer的命令运行正常,只有按钮似乎不起作用,我试图将Debug.WriteLine()放入被调用的方法中以查看它们是否正在执行,但它们从不在输出日志中写入,所以我认为他们根本没有被召唤 那么,按钮不能调用命令的原因是什么?

1 个答案:

答案 0 :(得分:11)

似乎CommandSaveItemData BindingContext中寻找ListView。但是您的命令放在ViewModel中。 我想建议你我的解决方案:

<Button Command="{Binding BindingContext.YourCommand, Source={x:Reference Page}"
        CommandParameter="{Binding BindingContext, Source={x:Reference SomeControl}"/>

它对我有用,希望它能帮到你!