Initial data load into collectionview

Question

Hi

I have a collection view as below;

           <dxcv:DXCollectionView
               x:Name="JobsListView"
               IsEnabled="True"
               IsPullToRefreshEnabled="True"
               ItemTemplate="{StaticResource JobCardTemplate}"
               ItemsSource="{Binding JobsList}"
               PullToRefreshCommand="{Binding LoadItemsCommand}"
               TapCommand="{Binding ItemTapped}" />

What is the best way to to do initial data load into the collection view? At present I am calling OnLoadItemsCommand() method inthe constructor of the view model as below. This fills the ObservableCollection JobsList that the collectionview is bound to, however it does not give me an activity indicator on the collection view. I am doing the data upload asynchronously in the OnLoadItemsCommand() method.

        public JobsViewModel()
        {
            LoadItemsCommand = new Command<object>(OnLoadItemsCommand);

            ItemTapped = new Command<Jobs>(OnItemSelected);

            JobsList = new ObservableCollection<Jobs>();

            OnLoadItemsCommand();
        }

How can I do the data load ideally so that it also shows the activity indicator?

Any help would be appreciated. Thanks.

Answer 1

Hello,

I checked the PullToRefreshCommand feature of the third-party plugin you're using, which only triggers the update event when you pull down the CollectionView.

For initializing data in a CollectionView, it is recommended that you initialize it in the ViewModel constructor.

Please refer to the official sample CollectionViewDemos for more details.

Best Regards,

Alec Liu.

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.