https://github.com/syncfusionexamples/xamarin-listview-loadmore
This repository contains sample application which showcases the usage of load more option in Xamarin.Forms ListView
https://github.com/syncfusionexamples/xamarin-listview-loadmore
list-view listview load-more-data loadmore xamarin-forms
Last synced: about 2 months ago
JSON representation
This repository contains sample application which showcases the usage of load more option in Xamarin.Forms ListView
- Host: GitHub
- URL: https://github.com/syncfusionexamples/xamarin-listview-loadmore
- Owner: SyncfusionExamples
- Created: 2019-06-26T07:10:05.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2024-02-15T13:45:08.000Z (over 1 year ago)
- Last Synced: 2024-04-14T12:07:22.628Z (over 1 year ago)
- Topics: list-view, listview, load-more-data, loadmore, xamarin-forms
- Language: C#
- Homepage:
- Size: 917 KB
- Stars: 1
- Watchers: 1
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Processing Xamarin ListView with LoadMore in MVVM
ListView supports binding the [LoadMoreOption](https://help.syncfusion.com/cr/cref_files/xamarin/Syncfusion.SfListView.XForms~Syncfusion.ListView.XForms.SfListView~LoadMoreOption.html), [LoadMoreCommand](https://help.syncfusion.com/cr/cref_files/xamarin/Syncfusion.SfListView.XForms~Syncfusion.ListView.XForms.SfListView~LoadMoreCommand.html), and [IsBusy](https://help.syncfusion.com/cr/cref_files/xamarin/Syncfusion.SfListView.XForms~Syncfusion.ListView.XForms.SfListView~IsBusy.html) properties from view model to load more number of items at runtime. `LoadMoreOption` enables load more manually or automatically when loading the items at runtime. `LoadMoreCommand` executes to load the items form view model. The `IsBusy` property notifies that the items are populating from view model to show or hide the load more view.
The IsBusy property in view model shows the busy indicator when populating the [ItemsSource](https://help.syncfusion.com/cr/cref_files/xamarin/Syncfusion.SfListView.XForms~Syncfusion.ListView.XForms.SfListView~ItemsSource.html).
```
```
```
public class ViewModel:INotifyPropertyChanged
{
private bool isBusy;
public bool IsBusy
{
get { return isBusy; }
set
{
this.isBusy = value;
RaisePropertyChanged("IsBusy");
}
}
private int totalItems = 22;
public Command LoadMoreItemsCommand { get; set; }
public ViewModel()
{
BookInfoCollection = new ObservableCollection();
AddBookInfos(0, 3);
LoadMoreItemsCommand = new Command(LoadMoreItems);
}
private bool CanLoadMoreItems(object obj)
{
if (BookInfoCollection.Count >= totalItems)
return false;
return true;
}
private async void LoadMoreItems(object obj)
{
var listview = obj as Syncfusion.ListView.XForms.SfListView;
try
{
IsBusy = true;
await Task.Delay(1000);
var index = BookInfoCollection.Count;
var count = index + 3 >= totalItems ? totalItems - index : 3;
AddBookInfos(index, 3);
}
catch
{
}
finally
{
IsBusy = false;
}
}
private void AddBookInfos(int index, int count)
{
int bookNameCount = 0;
int bookDescriptionCount = 0;
for (int i = index; i < index + count; i++)
{
if (bookNameCount == 11)
bookNameCount = 0;
if (bookDescriptionCount == 11)
bookDescriptionCount = 0;
BookInfoCollection.Add(new BookInfo() { BookName = bookNames[bookNameCount] , BookDescription = bookDescription[bookDescriptionCount] });
bookNameCount++;
bookDescriptionCount++;
}
}
}
```
You can also refer our UG documentation to know more about [MVVM](https://help.syncfusion.com/xamarin/sflistview/mvvm).