Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to bind CollectionView SelectedItems to a List?

I have a CollectionView and which consists of a list of items. I can't figure out a way to bind the multiple selected items to a list in the ViewModel.

XAML Code:

<CollectionView ItemsSource="{Binding Names}" SelectedItems="{Binding NamesSelection}" SelectionMode="Multiple">
    <CollectionView.ItemTemplate>
        <DataTemplate>
            <StackLayout>
                <Label Text="{Binding Name}" VerticalOptions="Center"/>
            </StackLayout>
         </DataTemplate>
     </CollectionView.ItemTemplate>
</CollectionView>

Nonfunctional ViewModel Code:

public MvxObservableCollection<Name> Names { get; } = new MvxObservableCollection<Name>(NamesHelpers.GetObjects());
private MvxObservableCollection<Name> _namesSelection;
public MvxObservableCollection<Name> NamesSelection 
{ 
    get=> _namesSelection;
    set 
    {
         SetProperty(ref _namesSelection, value);
    } 
}

This would probably work if I had a SelectedItem clause. But I'm not sure how to get it working for SelectedItems.

Ideal output would be for the NamesSelection List to populate/depopulate based on the selected items.

like image 285
S.Patole Avatar asked Nov 05 '25 00:11

S.Patole


1 Answers

SelectedItems must be an IList<object>. ObservableCollection<object> does not implement that interface (nor does eg. List<Name>, due to covariance), so that will not work.

The workaround is to bind SelectedItems to a List<object>, then subscribe to the SelectionChanged event. Then manually update the bindings when the selected items change.

like image 159
BlueRaja - Danny Pflughoeft Avatar answered Nov 06 '25 18:11

BlueRaja - Danny Pflughoeft



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!