Add a load more button

[Mihaela purav]

Instead of adding 200 pictures from a json how can i add a Load more button in my listview?

Thanks for help

Attachment: listview_53475c44.zip

[SaiGanesh Sakthivel]

Hi Mihaela,  

  

Thank you for contacting syncfusion support.  

  

We have checked the reported query “Add a load more button” from our end. we would like to inform you that we have documented ‘How to add a load more button in listview’ in our user guidance document. Please refer to the following UG Documentation for your reference.  

  

UG Link:https://help.syncfusion.com/xamarin/listview/loadmore?cs-save-lang=1&cs-lang=xaml  

  

We hope this helps. Please let us know if you need any further assistance.  

  

Regards,  

SaiGanesh Sakthivel  

[Mihaela purav]

Thanks.

In your populateData exemple from ui kit is it possible to specify a number  and add a load more button after?

Best regards

[SaiGanesh Sakthivel]

Hi Mihaela,  

  

Thank you for the update.  

  

We have checked the reported query “Add a load more button” from our end. we would like to inform you that you can add the load more button after specific number in the listview. Please refer to the following code snippet for your reference.  

  

public LoadMoreViewModel()  

{  

    Products = new ObservableCollection<Product>();  

    AddProducts(0, 13);  

    LoadMoreItemsCommand = new Command<object>(LoadMoreItems, CanLoadMoreItems);  

}  

…  

…  

…  

…  

private void AddProducts(int index, int count)  

{  

    for (int i = index; i < index + count; i++)  

    {  

        var name = Names[i];  

        var p = new Product()  

        {  

            Name = name,  

            Weight = Weights[i],  

            Price = Prices[i],  

            Image = ImageSource.FromResource("SfListViewSample.LoadMore." + name.Replace(" ", string.Empty) + ".jpg")  

        };  

  

        Products.Add(p);  

    }  

}  

  

Please refer to the following demo sample for your reference.  

Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/LoadMore_MVVM955205778  

  

We hope this helps.  

 

Regards,  

SaiGanesh Sakthivel  

[Mihaela purav]

we can't add method in this fuction?

private static T PopulateData<T>(string fileName)

        {

            var file = "app9.Data." + fileName;

            var assembly = typeof(App).GetTypeInfo().Assembly;

            T obj;

            using (var stream = assembly.GetManifestResourceStream(file))

            {

                var serializer = new DataContractJsonSerializer(typeof(T));

                obj = (T)serializer.ReadObject(stream);

            }

            return obj;

        }

[SaiGanesh Sakthivel]

Hi Mihaela, 

 

Thank you for the update. 

 

We have checked the reported issue “Add a load more button” from our end. We are currently working on it and update you further details on August 28, 2020. We appreciate your patience until then. 

 

Regards, 

SaiGanesh Sakthivel 

[SaiGanesh Sakthivel]

Hi Mihaela,   

   

Thank you for the patience.   

   

We have checked the reported query “Add a load more button” from our end. we would like to inform you that you can add the load more button after specific number in the listview. Please refer to the following code snippet for your reference.   

 

Code snippet   

public PhotosViewModel PhotosViewModel  

{ 

    get { return photosViewModel; } 

    set 

    { 

        if (photosViewModel != value) 

        { 

            photosViewModel = value; 

        } 

    } 

} 

public PhotosDataService() 

{ 

    photosViewModel = PopulateData<PhotosViewModel>("navigation.json"); 

    photosViewModel.Photos1 = new ObservableCollection<Photo>(); 

    AddProducts(0, 3); 

    photosViewModel.LoadMoreItemsCommand = new Command<object>(this.LoadMoreItems, this.CanLoadMoreItems); 

} 

 

private bool CanLoadMoreItems(object obj) 

{ 

    if (photosViewModel.Photos1.Count >= photosViewModel.Photos.Count) 

        return false; 

    return true; 

} 

 

private async void LoadMoreItems(object obj) 

{ 

    var listview = obj as Syncfusion.ListView.XForms.SfListView; 

    try 

    { 

        photosViewModel.IsBusy = true; 

        await Task.Delay(1000); 

        var index = photosViewModel.Photos1.Count; 

        var count = index + 3 >= photosViewModel.Photos.Count ? photosViewModel.Photos.Count - index : 3; 

        AddProducts(index, count); 

    } 

    catch 

    { 

 

    } 

    finally 

    { 

        photosViewModel.IsBusy = false; 

    } 

} 

 

private void AddProducts(int index, int count) 

{ 

    for (int i = index; i < index + count; i++) 

    { 

        photosViewModel.Photos1.Add(photosViewModel.Photos[i]); 

    } 

}  

   

Please refer to the following modified sample for your reference.   

Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/JsonOffline-1744803218 

  

We hope this helps.   

  

Regards,   

SaiGanesh Sakthivel