RadGridView scrolling issue when using data bound and unbound column

[Pradeep Chandraker]

Hi,

I am getting issue with RadGridView when I am using data bound and unbound column both in the grid. As per the requirement first two columns "Channel Number" and "Channel Name" will be data bound (means I am assing the datasource for these columns), and the 3rd column is having the static value. When I am running the application the I records the showing correctly, but when I try to scroll down in the grid it hangs for 2-3 seconds (some time more) and then it actually scrolls down. Please  help me on this. I have attached the screen print of this grid.

Here is the complete xaml code:
Note: I have used 4 grid in below code the grid name I have issue is "ChannelDetail"

 

<

 

navigation:RadTabControl

 

 

x:Name="RadTabChannelLineup" Margin="2,2,2,2"

 

 

DisplayMemberPath="Content"

 

 

ScrollMode="Viewport"

 

 

 

 

 

 

Background="#dde1ea"

 

 

 

 

 

 

BorderThickness="0 1 0 0"

 

 

 

 

 

 

BorderBrush="#cfd4da"

 

 

SelectionChanged="RadTabChannelLineup_SelectionChanged"

 

 

 

 

 

 

BackgroundVisibility="Collapsed"

 

 

controls:StyleManager.Theme="Office_Blue">

 

 

 

 

 

 

 

<navigation:RadTabItem Header="STB" Margin="0,0,0,0" Height="24">

 

 

 

 

 

 

 

<Grid Margin="0,0,0,0" >

 

 

 

 

 

 

 

<Grid.RowDefinitions>

 

 

 

 

 

 

 

<RowDefinition Height="Auto" />

 

 

 

 

 

 

 

<RowDefinition Height="*" />

 

 

 

 

 

 

 

</Grid.RowDefinitions>

 

 

 

 

 

 

 

<controls:RadExpander ExpandDirection="Down" Grid.Row="0" Header="Device Details" controls:StyleManager.Theme="Vista">

 

 

 

 

 

 

 

<controls:RadExpander.Content>

 

 

 

 

 

 

 

<grid:RadGridView x:Name="DeviceDetail" AutoGenerateColumns="False" IsFilteringAllowed="False" Margin="0"

 

 

 

 

 

 

CanUserReorderColumns="False" CanUserFreezeColumns="False"

 

 

ShowGroupPanel="False" controls:StyleManager.Theme="Vista" Height="130"

 

 

 

 

 

 

ColumnWidth="*">

 

 

 

 

 

 

 

<grid:RadGridView.Columns>

 

 

 

 

 

 

 

<grid:GridViewDataColumn Header="Outlet" DataMemberBinding="{Binding Outlet}" />

 

 

 

 

 

 

 

<grid:GridViewDataColumn Header="Manufacturer" DataMemberBinding="{Binding Manufacturer}" />

 

 

 

 

 

 

 

<grid:GridViewDataColumn Header="Model" DataMemberBinding="{Binding DeviceModel}" />

 

 

 

 

 

 

 

<grid:GridViewDataColumn Header="Mac Address" DataMemberBinding="{Binding SetTopBoxMacAddress}" />

 

 

 

 

 

 

 

<grid:GridViewDataColumn Header="Serial#" DataMemberBinding="{Binding BoxSerialNumber}" />

 

 

 

 

 

 

 

<grid:GridViewDataColumn Header="Box Identifier" DataMemberBinding="{Binding BoxIdentifier}" />

 

 

 

 

 

 

 

<grid:GridViewDataColumn Header="Cable Card MAC Address" DataMemberBinding="{Binding CableCardMacAddress}" />

 

 

 

 

 

 

 

<grid:GridViewDataColumn Header="Cable Card Serial#" DataMemberBinding="{Binding CableCardSerialNumber}" />

 

 

 

 

 

 

 

</grid:RadGridView.Columns>

 

 

 

 

 

 

 

</grid:RadGridView>

 

 

 

 

 

 

 

</controls:RadExpander.Content>

 

 

 

 

 

 

 

</controls:RadExpander>

 

 

 

 

 

 

 

<controls:RadExpander ExpandDirection="Down" Grid.Row="1" Header="Channel Details" IsExpanded="True" controls:StyleManager.Theme="Vista">

 

 

 

 

 

 

 

<controls:RadExpander.Content>

 

 

 

 

 

 

 

<Grid Margin="0,0,0,0">

 

 

 

 

 

 

 

<Grid.Resources>

 

 

 

 

 

 

 

<Style x:Key="ChannelDetailRowStyle" TargetType="gridView:GridViewRow">

 

 

 

 

 

 

 

<Setter Property="MinHeight" Value="22" />

 

 

 

 

 

 

 

<Setter Property="Height" Value="22" />

 

 

 

 

 

 

 

</Style>

 

 

 

 

 

 

 

</Grid.Resources>

 

 

 

 

 

 

 

<grid:RadGridView x:Name="ChannelDetail" IsReadOnly="True" AutoGenerateColumns="False" CanUserFreezeColumns="False"

 

 

ShowGroupPanel="False" IsFilteringAllowed="False" RowIndicatorVisibility="Collapsed"

 

 

controls:StyleManager.Theme="Vista" IsBusy="True" Margin="3,3,3,3" ColumnWidth="*">

 

 

 

 

 

 

 

<grid:RadGridView.Columns>

 

 

 

 

 

 

 

<grid:GridViewDataColumn DataMemberBinding="{Binding ChannelNumber}">

 

 

 

 

 

 

 

<grid:GridViewDataColumn.Header>

 

 

 

 

 

 

 

<StackPanel Orientation="Vertical">

 

 

 

 

 

 

 

<TextBlock Text="Channel Number" TextWrapping="Wrap" />

 

 

 

 

 

 

 

</StackPanel>

 

 

 

 

 

 

 

</grid:GridViewDataColumn.Header>

 

 

 

 

 

 

 

</grid:GridViewDataColumn>

 

 

 

 

 

 

 

<grid:GridViewDataColumn DataMemberBinding="{Binding ChannelName}" >

 

 

 

 

 

 

 

<grid:GridViewDataColumn.Header>

 

 

 

 

 

 

 

<StackPanel Orientation="Vertical">

 

 

 

 

 

 

 

<TextBlock Text="Channel Name" TextWrapping="Wrap" />

 

 

 

 

 

 

 

</StackPanel>

 

 

 

 

 

 

 

</grid:GridViewDataColumn.Header>

 

 

 

 

 

 

 

</grid:GridViewDataColumn>

 

 

 

 

 

 

 

<grid:GridViewDataColumn UniqueName="Outlet1">

 

 

 

 

 

 

 

<grid:GridViewDataColumn.Header>

 

 

 

 

 

 

 

<StackPanel Orientation="Vertical">

 

 

 

 

 

 

 

<TextBlock Text="Channel Name" TextWrapping="Wrap" />

 

 

 

 

 

 

 

<TextBlock Text="Channel Map:" TextWrapping="Wrap" />

 

 

 

 

 

 

 

</StackPanel>

 

 

 

 

 

 

 

</grid:GridViewDataColumn.Header>

 

 

 

 

 

 

 

<grid:GridViewDataColumn.CellTemplate>

 

 

 

 

 

 

 

<DataTemplate>

 

 

 

 

 

 

 

<TextBlock Text="Outlet1" />

 

 

 

 

 

 

 

</DataTemplate>

 

 

 

 

 

 

 

</grid:GridViewDataColumn.CellTemplate>

 

 

 

 

 

 

 

</grid:GridViewDataColumn>

 

 

 

 

 

 

 

</grid:RadGridView.Columns>

 

 

 

 

 

 

 

</grid:RadGridView>

 

 

 

 

 

 

 

</Grid>

 

 

 

 

 

 

 

</controls:RadExpander.Content>

 

 

 

 

 

 

 

</controls:RadExpander>

 

 

 

 

 

 

 

</Grid>

 

 

 

 

 

 

 

</navigation:RadTabItem>

 

 

 

 

 

 

 

<navigation:RadTabItem Header="Account">

 

 

 

 

 

 

 

<Grid>

 

 

 

 

 

 

 

<Grid.RowDefinitions>

 

 

 

 

 

 

 

<RowDefinition Height="Auto" />

 

 

 

 

 

 

 

<RowDefinition Height="*" />

 

 

 

 

 

 

 

</Grid.RowDefinitions>

 

 

 

 

 

 

 

<controls:RadExpander ExpandDirection="Down" Header="Available packages" IsExpanded="True" Grid.Row="0" controls:StyleManager.Theme="Vista">

 

 

 

 

 

 

 

<controls:RadExpander.Content>

 

 

 

 

 

 

 

<grid:RadGridView Name="PackageGrid" Height="150" AutoGenerateColumns="False" IsFilteringAllowed="False"

 

 

 

 

 

 

CanUserReorderColumns="False" CanUserFreezeColumns="False" RowIndicatorVisibility="Collapsed"

 

 

 

 

 

 

ShowGroupPanel="False" Margin="0" controls:StyleManager.Theme="Vista"

 

 

 

 

 

 

IsBusy="True" IsReadOnly="True">

 

 

 

 

 

 

 

<grid:RadGridView.Columns>

 

 

 

 

 

 

 

<grid:GridViewColumn>

 

 

 

 

 

 

 

<grid:GridViewColumn.Header>

 

 

 

 

 

 

 

<StackPanel>

 

 

 

 

 

 

 

<CheckBox Name="ChkPackageAll" />

 

 

 

 

 

 

 

</StackPanel>

 

 

 

 

 

 

 

</grid:GridViewColumn.Header>

 

 

 

 

 

 

 

<grid:GridViewColumn.CellTemplate>

 

 

 

 

 

 

 

<DataTemplate>

 

 

 

 

 

 

 

<StackPanel>

 

 

 

 

 

 

 

<CheckBox Name="ChkPackage" />

 

 

 

 

 

 

 

</StackPanel>

 

 

 

 

 

 

 

</DataTemplate>

 

 

 

 

 

 

 

</grid:GridViewColumn.CellTemplate>

 

 

 

 

 

 

 

</grid:GridViewColumn>

 

 

 

 

 

 

 

<grid:GridViewDataColumn Header="Package" DataMemberBinding="{Binding Name}" UniqueName="PackageName" />

 

 

 

 

 

 

 

</grid:RadGridView.Columns>

 

 

 

 

 

 

 

</grid:RadGridView>

 

 

 

 

 

 

 

</controls:RadExpander.Content>

 

 

 

 

 

 

 

</controls:RadExpander>

 

 

 

 

 

 

 

<controls:RadExpander ExpandDirection="Down" Header="Channel list" Grid.Row="1" IsExpanded="True" controls:StyleManager.Theme="Vista">

 

 

 

 

 

 

 

<controls:RadExpander.Content>

 

 

 

 

 

 

 

<grid:RadGridView Name="PackageChannelGrid" AutoGenerateColumns="False" IsFilteringAllowed="False"

 

 

 

 

 

 

CanUserReorderColumns="False" CanUserFreezeColumns="False" RowIndicatorVisibility="Collapsed"

 

 

 

 

 

 

ShowGroupPanel="False" Margin="0" controls:StyleManager.Theme="Vista"

 

 

 

 

 

 

IsBusy="True" IsReadOnly="True">

 

 

 

 

 

 

 

<grid:RadGridView.Columns>

 

 

 

 

 

 

 

<grid:GridViewDataColumn Header="Channel Number" DataMemberBinding="{Binding ChannelNumber}" UniqueName="ChannelNumber" />

 

 

 

 

 

 

 

<grid:GridViewDataColumn Header="Channel Name" DataMemberBinding="{Binding ChannelName}" UniqueName="ChannelName" />

 

 

 

 

 

 

 

</grid:RadGridView.Columns>

 

 

 

 

 

 

 

</grid:RadGridView>

 

 

 

 

 

 

 

</controls:RadExpander.Content>

 

 

 

 

 

 

 

</controls:RadExpander>

 

 

 

 

 

 

 

</Grid>

 

 

 

 

 

 

 

</navigation:RadTabItem>

 

 

 

 

 

 

 

</navigation:RadTabControl>

 

[Pradeep Chandraker]

Hi,

I got the solution for this. When I am removing UniqueName attribute from 3rd column, the grid is working fine. Though this is point of research for Telerik team.

Thanks,
Pradeep