Footer Event/Command

[Emanuele Filardo]

Hi, I can't get Event or Command invocation form Image with TapGesture in footer, these is a sample?

[Dinesh Babu Yadav]

Hi Emanuele, 

 

Thank you for using Syncfusion Products. 

 

We regret to inform you that SfListView do not have support for any command or event for Footer but you can load any view by adding gesturerecognizer in DataTemplate to FooterTemplate. So, you can load image with gesture in ItemTemplate like below code example. Here, we are adding the TapGestureRecognizer to notify the user whenever tapping on the image as per your requirement. 

 

Code Example[XAML]: 

<listView:SfListView x:Name="listView" ItemSize="70" AutoFitMode="Height" 

                     IsStickyFooter="True" IsStickyHeader="True" 

                     ItemsSource="{Binding ContactsInfo}"  

                     ItemSpacing="0,0,5,0"> 

… 

  <listView:SfListView.FooterTemplate> 

    <DataTemplate> 

      <Grid BackgroundColor="Teal"> 

        <Image Source="Tap.jpg" 

               VerticalOptions="Center" HorizontalOptions="Center" Aspect="AspectFit" 

               HeightRequest="50" WidthRequest="50"> 

          <Image.GestureRecognizers> 

            <TapGestureRecognizer NumberOfTapsRequired="1" 

                                  Command="{Binding Path=BindingContext.TapCommand,  

                                  Source = {x:Reference listView}}" 

                                  CommandParameter="{Binding .}" /> 

          </Image.GestureRecognizers> 

        </Image> 

      </Grid> 

    </DataTemplate> 

  </listView:SfListView.FooterTemplate>   

</listView:SfListView> 

 

Code Example[C#]: 

private void OnTapped(object obj) 

{ 

  Application.Current.MainPage.DisplayAlert("FooterItem", "Tapped Item is Footer", "OK"); 

} 

 

For your reference, we have attached the sample based on your requirement and you can download it from the below location. 

 

Sample: http://www.syncfusion.com/downloads/support/forum/130682/ze/Sample365649340  

 

For more information about header and footer in SfListView, please refer the following UG documentation link. 

 

UG Link: https://help.syncfusion.com/xamarin/sflistview/headerandfooter  

 

Please let us know if you require further assistance. 

 

Regards, 

Dinesh Babu Yadav 

 

[Emanuele Filardo]

Found problem, in ViewModel I'm using ICommand instead of Command<object>.

Thanks!

[Dinesh Babu Yadav]

Hi Emanuele, 

 

Thanks for the update. 

 

Regards, 

Dinesh Babu Yadav 

[Emanuele Filardo]

Since in Xamarin documentation there is use ICommand, but this doesn't work as expected with Syncfusion SfListView, i would suggest to specify this in your documentation.

Syncfusion 15.2.0.40

Xamarin.Forms 2.3.4.247

[Muthu Kumaran Gnanavinayagam]

Hi Emanuele, 

 

Thanks for the update. We have checked the reported query in both cases (i.e using ICommand and Command<object>) with our sample and it is working fine as expected. For your reference we have attached the working sample link below. We have already planned to update the documentation regarding the reported query and it will be included in further release. 

 

Sample: http://www.syncfusion.com/downloads/support/directtrac/130682/ze/ListViewSample1537095898 

 

Regards, 

G.Muthu Kumaran. 

[Emanuele Filardo]

Hi, I've tried again and now ICommand works well, probably there was a mistake in xaml, even if I don't seem to have changed.

Thanks again

[Dinesh Babu Yadav]

Hi Emanuele, 

 

Thanks for the update. 

 

Regards, 

Dinesh Babu Yadav