New to Telerik UI for WPF? Download free 30-day trial

Getting Started

RadCollectionNavigator’s main purpose is to expose some of the methods of ICollectionView/IEditableCollectionView through its UI and public commands.

RadCollectionNavigator’s Source property accepts IEnumerable values and manages them as follows: If the underlying value implements ICollectionView, the current implementation of its methods is used. If it does not, a new instance of Telerik’s QueryableCollectionView (which implements both interfaces) is initialized, using the Source value as its SourceCollection.

In either case, the used ICollectionView is exposed through the control’s CollectionView property. By binding an ItemsControl’s ItemsSource to this property one can benefit from seamless, MVVM-compatible and data-driven collection processing for any ItemsControls and any collection (even for custom ICollectionView implementations).

Assembly References

In order to use RadCollectionNavigator, you will need to add references to the following assemblies:

  • Telerik.Windows.Controls
  • Telerik.Windows.Controls.Data
  • Telerik.Windows.Data

You can find the required assemblies for each control from the suite in the Controls Dependencies help article.

Defining RadCollectionNavigator

Examples 1 and 2 demonstrate how to utilize the CollectionView exposed by the RadCollectionNavigator.

The MyViewModel class used in Example 1 is defined in Example 4 in the following article.

Example 1: RadCollectionNavigator bound to a ListBox

<Grid x:Name="LayoutRoot" 
      Background="White"> 
    <Grid.DataContext> 
        <my:MyViewModel /> 
    </Grid.DataContext> 
    <Grid.RowDefinitions> 
        <RowDefinition Height="*"/> 
        <RowDefinition Height="Auto" /> 
    </Grid.RowDefinitions> 
    <ListBox 
        DisplayMemberPath="Name" 
        SelectedItem="{Binding ElementName=collectionNavigator, Path=CurrentItem, Mode=TwoWay}" 
        ItemsSource="{Binding ElementName=collectionNavigator, Path=CollectionView}" /> 
    <telerik:RadCollectionNavigator 
        Source="{Binding Clubs}" 
        Grid.Row="1" 
        x:Name="collectionNavigator"/> 
</Grid> 

Figure 1: RadCollectionNavigator in the Fluent theme

RadCollectionNavigator bound to a ListBox

See Also

In this article
Not finding the help you need? Improve this article