Sorting on a column turns up blank section

[Ali]

Hi,

I have an issue where I have a Grid View with a data column with a CellTemplate containing a vertical stackpanel and two child elements. For large datasets, when I scroll to the bottom and then sort on this column, I get a blank section. This only happens when row virtualization is turned on.

[Vlad]

Hello,

 Generally rows virtualization is turned on by default. Can you point us to some of our online demos where this can be reproduced? 

Kind regards,
Vlad
the Telerik team

[Ali]

Hello Vlad,

I can only reproduce the issue when I have a data column with a celltemplate containing a populated vertical stackpanel.
Kind Regards,
Ali

[Vlad]

Hi Ali,

 I've tried this using our latest official binaries (Q2 2011 SP1) however everything worked as expected on my end. 

Regards,
Vlad
the Telerik team

[Ali]

Hi Vlad,

I'm using Q1 2011 SP1 and the issue occurs when I have less items within each stackpanel (say 2 or 3 items). Can you try with 2 children within each stackpanel?

Kind Regards,
Ali

[Todd]

I am also experiencing this problem with my RadGridView with row virtualization on.  It is a somewhat complex grid, with sorting, grouping and columns comprised of stack panels.
When I drag the scroll bar to the end after initial load, most of the grid is whitespace.  I can scroll up, then back down and this behavior goes away.  It works fine until grid datasource is refreshed, then same issue.

If necessary I can send the xaml, but I find it easy to reproduce.

[Vlad]

Hello,

 Can you point us to some of our online demos where this can be reproduced? 

All the best,
Vlad
the Telerik team

[Todd]

Cannot reproduce in the online demo, Here is my XAML, thanks for your assistance...

<UserControl x:Class="RuleStudioWeb.Common.Library"
			 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
			 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
			 xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
			 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
			 xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"
			 xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
			 xmlns:telctl="clr-namespace:Telerik.Windows.Controls.QuickStart;assembly=Telerik.Windows.Controls"
			 xmlns:waterctl="clr-namespace:Microsoft.Windows.Controls;assembly=Microsoft.Windows.Controls.WatermarkedTextBox"
			 xmlns:telerikData="clr-namespace:Telerik.Windows.Data;assembly=Telerik.WIndows.Data"
			 xmlns:riaControls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.DomainServices"
			 xmlns:toolkit="http://schemas.microsoft.com/winfx/2006/xaml/presentation/toolkit"
			 xmlns:lib="clr-namespace:RuleStudioWeb.Web;assembly=RuleStudioWeb"
             xmlns:viewModels="clr-namespace:RuleStudioWeb.ViewModels"
			 xmlns:common="clr-namespace:RuleStudioWeb.Common;assembly=RuleStudioWeb"
			 xmlns:sys="clr-namespace:System;assembly=mscorlib"
			 mc:Ignorable="d"
			 d:DesignHeight="500"
			 d:DesignWidth="500" DataContext="{Binding Source={StaticResource vcViewModel}}">
	<UserControl.Resources>
        <common:SfItemCountToMsgConverter  x:Key="SfItemCountToMsgConverter" />
        <common:SFObjectTypeConverter  x:Key="SFObjectTypeConverter" />
        <common:SfObjClassToImagePathConverter  x:Key="SfObjClassToImagePathConverter" />
        <common:SfItemToStatusImageConverter  x:Key="SfItemToStatusImageConverter" />
    </UserControl.Resources>
	<Grid x:Name="LayoutRoot">
		<Grid.RowDefinitions>
			<RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
		</Grid.RowDefinitions>
		<Grid.ColumnDefinitions>
			<ColumnDefinition Width="*" />
		</Grid.ColumnDefinitions>
		<Border BorderBrush="Silver"
				BorderThickness="0"
				Grid.Column="0"
				Name="border1"
				CornerRadius="3">
            <StackPanel x:Name="spHeader"  Orientation="Horizontal" Background="{StaticResource AssurantGreenColorBrush20}">
                <TextBlock Text="Library Items" VerticalAlignment="Center" x:Name="libraryListTitle"
                        Style="{StaticResource ApplicationNameStyle}"
                        Margin="5" FontSize="12" FontWeight="Bold"></TextBlock>
 
                <waterctl:WatermarkedTextBox x:Name="txtFilterValue" Height="25" Width="160" Margin="5" TextChanged="FilterValue_TextChanged" Watermark="Search..." KeyDown="txtFilterValue_KeyDown" />
 
                <telerik:RadButton Click="Search_Click" Margin="-5,0,0,0" Background="{x:Null}" BorderThickness="0">
                    <Image Source="/RuleStudioWeb;component/Assets/search.png" Width="20" Height="20" />
                </telerik:RadButton>
                <telerik:RadDropDownButton 
						Name="ViewDropDown" Width="65" Height="20" Margin="5" DropDownWidth="187" Content="View">
                    <telerik:RadDropDownButton.DropDownContent>
                        <telerik:RadContextMenu x:Name="context" Placement="Bottom"
                                ItemClick="ViewMenu_Click">
                            <telerik:RadMenuItem x:Name="ViewExpandAll" Header="Expand All" />
                            <telerik:RadMenuItem x:Name="ViewCollapseAll" Header="Collapse All" />
                            <telerik:RadMenuItem IsSeparator="True" />
                            <telerik:RadMenuItem x:Name="ViewSelectAll" Header="Select All" />
                            <telerik:RadMenuItem x:Name="ViewDeselectAll" Header="Deselect All" />
                            <telerik:RadMenuItem IsSeparator="True" />
                            <telerik:RadMenuItem x:Name="ViewResetFilters" Header="Clear All Filters" />
                            <telerik:RadMenuItem IsSeparator="True" />
                            <telerik:RadMenuItem x:Name="ViewRefresh" Header="Refresh" />
                        </telerik:RadContextMenu>
                    </telerik:RadDropDownButton.DropDownContent>
                </telerik:RadDropDownButton>
                <TextBlock x:Name="txtSelectedItemCount" Margin="10,10" Text="{Binding ElementName=tkgridRules, Path=SelectedItems.Count, Converter={StaticResource SfItemCountToMsgConverter}}"/>
            </StackPanel>
		</Border>
        <Grid Grid.Row="1">
			<Grid.ColumnDefinitions>
				<ColumnDefinition Width="100*" />
			</Grid.ColumnDefinitions>
			<Grid.RowDefinitions>
				<RowDefinition Height="100*" /> 
			</Grid.RowDefinitions>
            <telerik:RadGridView x:Name="tkgridRules"
					AutoGenerateColumns="False"
					ShowGroupPanel="True"
					RowIndicatorVisibility="Collapsed"
					IsReadOnly="True" CanUserFreezeColumns="False" 
                    ItemsSource="{Binding Source={StaticResource vcViewModel}, Path=Library.ItemList}" 
                    SelectionMode="Multiple" IsEnabled="True" 
                    RowHeight="30"
                    Loaded="tkgridRules_Loaded" 
                                 SelectionChanged="tkgridRules_SelectionChanged"
                                 AutoExpandGroups="True" EnableRowVirtualization="True" Grid.RowSpan="2">
                <telerik:RadContextMenu.ContextMenu>
                    <telerik:RadContextMenu Name="ctxmnuLibrary" ItemClick="ctxmnuLibrary_ItemClick" Opened="ctxmnuLibrary_Opened" >
                        <telerik:RadMenuItem Header="Add To Workspace..." x:Name="ctxmnuAddToWorkspace" IsEnabled="False" />
                        <telerik:RadMenuItem Header="Check Out..." x:Name="ctxmnuCheckout" IsEnabled="False" />
                        <telerik:RadMenuItem IsSeparator="True"></telerik:RadMenuItem>
                        <telerik:RadMenuItem Header="View History..." x:Name="ctxmnuHistory" IsEnabled="False"/>
                        <telerik:RadMenuItem IsSeparator="True"></telerik:RadMenuItem>
                        <telerik:RadMenuItem Header="Print..." x:Name="ctxmnuPrint" IsEnabled="False"></telerik:RadMenuItem>
                        <telerik:RadMenuItem Header="Print Rule Associations..." x:Name="ctxmnuPrintAllAssociations" IsEnabled="False"></telerik:RadMenuItem>
                    </telerik:RadContextMenu>
                </telerik:RadContextMenu.ContextMenu>
                <telerik:RadGridView.Columns>
                    <telerik:GridViewSelectColumn />
                    <telerik:GridViewDataColumn >
                        <telerik:GridViewDataColumn.CellTemplate>
                            <DataTemplate>
                                <StackPanel Orientation="Horizontal">
                                    <Image x:Name="ClassImage" Margin="2,2,2,2" HorizontalAlignment="Left" VerticalAlignment="Center" Width="20" Height="20" Source="{Binding ClassType.DisplayName, Converter={StaticResource SfObjClassToImagePathConverter}}"/>
                                    <TextBlock Text="{Binding IsBaseMarkerText}" Margin="-22,0,0,-5" VerticalAlignment="Bottom" FontWeight="SemiBold" FontSize="8" Foreground="Maroon" />
                                    <Image x:Name="StatusImage1" Margin="-8,-16,0,0" VerticalAlignment="Center" Width="12" Height="12" Source="{Binding LibraryVersionStatusImagePath}"/>
                                </StackPanel>
                            </DataTemplate>
                        </telerik:GridViewDataColumn.CellTemplate>
                    </telerik:GridViewDataColumn>
                    <telerik:GridViewDataColumn Header="Name" DataMemberBinding="{Binding Name}" Width="300" SortingState="Ascending" />
                    <telerik:GridViewDataColumn Header="Ver" DataMemberBinding="{Binding Version}" HeaderTextAlignment="Center" TextAlignment="Center" />
                    <telerik:GridViewDataColumn Header="Status" DataMemberBinding="{Binding LibraryVersionStatusColumnValue}" IsReadOnly="True" />
                    <telerik:GridViewDataColumn Header="Base" DataMemberBinding="{Binding IsBase}" IsReadOnly="True" />
                    <telerik:GridViewDataColumn Header="Checked-out By" DataMemberBinding="{Binding CheckedOutBy}"  />
                    <telerik:GridViewDataColumn Header="Checked-out Workspace" DataMemberBinding="{Binding CheckedOutIn}"  />
                    <telerik:GridViewDataColumn Header="State" DataMemberBinding="{Binding State.DisplayName}" IsVisible="False" />
                    <telerik:GridViewDataColumn Header="Created At" DataMemberBinding="{Binding CreatedAt}"  />
                    <telerik:GridViewDataColumn Header="Created By" DataMemberBinding="{Binding CreatedBy}"  />
                    <telerik:GridViewDataColumn Header="Updated At" DataMemberBinding="{Binding UpdatedAt}"  />
                    <telerik:GridViewDataColumn Header="Updated By" DataMemberBinding="{Binding UpdatedBy}"  />
                    <telerik:GridViewDataColumn Header="Description" DataMemberBinding="{Binding Description}"/>
                    <telerik:GridViewDataColumn Header="SmartFlow Product" UniqueName="Product" DataMemberBinding="{Binding Product.DisplayName}" IsVisible="True"/>
                    <telerik:GridViewDataColumn Header="Type" UniqueName="Type" DataMemberBinding="{Binding ClassType.DisplayName, Converter={StaticResource SFObjectTypeConverter}}" IsVisible="True"/>
                    <telerik:GridViewDataColumn Header="Work Item" UniqueName="BusinessObject" DataMemberBinding="{Binding BusinessObjectDisplayName}" IsVisible="True" >
                        <telerik:GridViewDataColumn.AggregateFunctions>
                            <telerik:CountFunction Caption="Count: " />
                        </telerik:GridViewDataColumn.AggregateFunctions>
                    </telerik:GridViewDataColumn>
 
                </telerik:RadGridView.Columns>
 
            </telerik:RadGridView>
		</Grid>
	</Grid>
</UserControl>