Handle swiped item image click using prism...

[Anthony]

Trying to handle clicking on a image in the leftswipe area.  Using prism as below..but tapping on a image does nothing and produces no error.

Any suuggestion?

............................

       <sync:SfListView.LeftSwipeTemplate>
                    <DataTemplate x:Name="LeftSwipeTemplate1">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>
                            <Grid
                                Grid.Column="0"
                                BackgroundColor="#009EDA"
                                HorizontalOptions="Fill"
                                VerticalOptions="Fill">
                                <Grid HorizontalOptions="Center" VerticalOptions="Center">
                                    <Image
                                        Grid.Row="0"
                                        Grid.Column="0"
                                        BackgroundColor="Transparent"
                                        HeightRequest="35"
                                        Source="Favorites.png"
                                        WidthRequest="35">
                                        <Image.GestureRecognizers> //NOT WORKING
                                            <TapGestureRecognizer NumberOfTapsRequired="2" Tapped="{Binding SelectFavCommand}" />
                                        </Image.GestureRecognizers>
                                    </Image>
                                </Grid>
                            </Grid>
                            <Grid
                                Grid.Column="1"
                                BackgroundColor="#009EDA"
                                HorizontalOptions="Fill"
                                VerticalOptions="Fill">
                                <Grid HorizontalOptions="Center" VerticalOptions="Center">
                                    <Image
                                        Grid.Row="0"
                                        Grid.Column="0"
                                        BackgroundColor="Transparent"
                                        HeightRequest="35"
                                        Source="Delete.png"
                                        WidthRequest="35" />
                                </Grid>

                            </Grid>
                            <Grid
                                Grid.Column="2"
                                BackgroundColor="#009EDA"
                                HorizontalOptions="Fill"
                                VerticalOptions="Fill">
                                <Grid HorizontalOptions="Center" VerticalOptions="Center">
                                    <Image
                                        Grid.Row="0"
                                        Grid.Column="0"
                                        BackgroundColor="Transparent"
                                        HeightRequest="35"
                                        Source="site.png"
                                        WidthRequest="35" />
                                </Grid>

                            </Grid>
                        </Grid>
                    </DataTemplate>
                </sync:SfListView.LeftSwipeTemplate>

.................................

//VIEW MODEL

        public DelegateCommand<object> SelectFavCommand { get; set; }

        public ClientsViewModel(INavigationService navigationService, IPageDialogService ipageserve, IEventAggregator ea)
        {
            _navigationService = navigationService;
            SelectFavCommand = new DelegateCommand<object>(SelectFavCommandHandler);
        }



        private void SelectFavCommandHandler(object sender)
        {
               //NEVER REACHES HERE
        }

[Dinesh Babu Yadav]

Hi Anthony, 

 

Thank you for using Syncfusion Products.  

 

We would like to let you know that the binding context of each list view item in the ItemTemplate or LeftSwipeTemplate property would be the respective data model and so, when the command in ViewModel which is bind to list view item does not triggered on tapping the image. However, you can overcome this, by defining the respective Source property in the Command as like below code example.  

 

Code Example[XAML]:  

 

 

<sync:SfListView.LeftSwipeTemplate>
    <DataTemplate x:Name="LeftSwipeTemplate1">
        <Grid HorizontalOptions="Center" VerticalOptions="Center">
            <Image BackgroundColor="Transparent" HeightRequest="35" Source="Favorites.png" WidthRequest="35">
                <Image.GestureRecognizers> 

                    <TapGestureRecognizer Command="{Binding BindingContext.ImageCommand, Source={x:Reference Name=listView}}" /> 

                </Image.GestureRecognizers>
            </Image>
        </Grid> 

    </DataTemplate>
</sync:SfListView.LeftSwipeTemplate> 

 

 

For your reference, we have attached the sample in which tapped command in ViewModel gets triggered on tapping the nested list view item and you can download it from the below link.  

 

Sample: http://www.syncfusion.com/downloads/support/forum/137901/ze/ListViewPrism-1431183890  

 

Kindly let us know if you require further assistance.   

 

Regards, 

Sangeetha Raju 

[Anthony]

all solved thanks.

[Rawoof Sharief Muthuja Sherif]

Hi Anthony, 

Thanks for the update. 

Regards, 

Rawoof M.