Problem using CollectionViewSource view as ItemsSource of RadGridView

[Alan]

I am trying out RAD Silverlight controls and am running into trouble using a CollectionViewSource view as the ItemsSource for a GridView.
 The XAML code:

<telerik:RadGridView
    x:Name="agentGrid"
    Margin="416,8,192,0"
    CanUserFreezeColumns="False"
    RowIndicatorVisibility="Collapsed"
    ItemsSource="{Binding AgentsCv.View}"
    CanUserSelect="True"
    IsSynchronizedWithCurrentItem="True"
    SelectedItem="{Binding SelectedAgent, Mode=TwoWay}"
    ShowGroupPanel="False"
    AutoGenerateColumns="False">

    <telerik:RadGridView.Columns>
        <telerik:GridViewDataColumn Header="First Name"
                                    DataMemberBinding="{Binding FirstName}"
                                    Width="120" />
        <telerik:GridViewDataColumn Header="Last Name"
                                    DataMemberBinding="{Binding LastName}"
                                    Width="200" />
    </telerik:RadGridView.Columns>
</telerik:RadGridView>

Code in the ViewModel constructor:

AgentsInternal=new ObservableCollection<Agent>();
AgentsCv = new CollectionViewSource {Source = AgentsInternal};

ObservableCollection and CollectionViewSource code:

public CollectionViewSource AgentsCv { get; set; }

public ObservableCollection<Agent> AgentsInternal
{
    get { return _agentsInternal; }
    set
    {
        if (_agentsInternal == value) return;
        _agentsInternal = value;
        RaisePropertyChanged(() => AgentsInternal);
    }
}
private ObservableCollection<Agent> _agentsInternal;

The ObservableCollection is populated elsewhere via RIA Services.  LastName and FirstName are public properties of the Agent class.

When bound directly to the ObservableCollection, the GridView displays the data properly.  When bound to the CollectionViewSource view, no data appears in the GridView.

[André]

Try to set the CollectionViewSource in XAML:

<phone:PhoneApplicationPage.Resources>
    <CollectionViewSource x:Key="src" Source="{Binding Path=AgentsCv.View}"/>
</phone:PhoneApplicationPage.Resources>

<telerik:RadGridView
    x:Name="agentGrid"
    Margin="416,8,192,0"
    CanUserFreezeColumns="False"
    RowIndicatorVisibility="Collapsed"
    ItemsSource="{Binding Source={StaticResource src}}"
    CanUserSelect="True"
    IsSynchronizedWithCurrentItem="True"
    SelectedItem="{Binding SelectedAgent, Mode=TwoWay}"
    ShowGroupPanel="False"
    AutoGenerateColumns="False">

    <telerik:RadGridView.Columns>
        <telerik:GridViewDataColumn Header="First Name"
                                    DataMemberBinding="{Binding FirstName}"
                                    Width="120" />
        <telerik:GridViewDataColumn Header="Last Name"
                                    DataMemberBinding="{Binding LastName}"
                                    Width="200" />
    </telerik:RadGridView.Columns>
</telerik:RadGridView>

Code in the ViewModel constructor:

AgentsCv = Resources["src"] as CollectionViewSource;

greetings SunboX

[Dimitrina]

Hello,

CollectionViewSource.View returns ICollectionView which is a valid Source collection for RadGridView. You should ensure there are items in the View as you assign it to the control and you should also raise the proper notification once you change the source.

For example:

private CollectionViewSource agentsCv;

public CollectionViewSource AgentsCv
{
    get { return this.agentsCv; }
    set
    {
        if (value != this.agentsCv)
        {
            this.agentsCv = value;
            this.OnPropertyChanged("AgentsCv");
        }
    }
}

Once the PropertyChanged notification is raised, RadGridView will load the data.

Regards,
Didie
Telerik