如何将CollectionView.EmptyView绑定到页面的ViewModel?

时间:2019-08-16 12:29:53

标签: xamarin xamarin.forms mvvmcross collectionview

我正在用CollectionView构建一个应用程序,我希望用户在CollectionView为空时向ObservableCollection添加一个项目。问题是:我找不到如何绑定到页面的ViewModel。 这是一个Xamarin.Forms / MvvmCross项目

我尝试设置BindingContext,但是没有成功。

<CollectionView.EmptyView>
    <Grid Padding="24,0">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="154" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="154" />
            <RowDefinition Height="auto" />
        </Grid.RowDefinitions>
        <pan:PancakeView
            CornerRadius="8"
            WidthRequest="154"
            HeightRequest="154"
            IsClippedToBounds="True"
            HorizontalOptions="FillAndExpand"
            BackgroundColor="#FF252525"
            VerticalOptions="FillAndExpand"
            Elevation="2">
            <pan:PancakeView.HasShadow>
                <OnPlatform
                    x:TypeArguments="x:Boolean"
                    iOS="False"
                    Android="True" />
            </pan:PancakeView.HasShadow>
            <ImageButton
                HorizontalOptions="FillAndExpand"
                Padding="50"
                VerticalOptions="FillAndExpand"
                BackgroundColor="#FF252525"
                BindingContext="{Binding .}"
                Command="{Binding AddPlaylistCommand}"
                Source="icon_plus" />
        </pan:PancakeView>
    </Grid>
</CollectionView.EmptyView>

命令绑定不起作用,我希望命令仅绑定到页面的Viewmodel。

1 个答案:

答案 0 :(得分:1)

尝试一下:

 <ImageButton
            HorizontalOptions="FillAndExpand"
            Padding="50"
            VerticalOptions="FillAndExpand"
            BackgroundColor="#FF252525"
            Command="{Binding Source={x:Reference Name=myPage}, Path=BindingContext.DataContext.AddPlaylistCommand}"
            Source="icon_plus" />

myPage是您的Name的{​​{1}}。