This is a migrated thread and some comments may be shown as answers.

Sorting on a column turns up blank section

7 Answers 102 Views
GridView
This is a migrated thread and some comments may be shown as answers.
Ali
Top achievements
Rank 1
Ali asked on 10 Nov 2011, 07:16 AM
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.

7 Answers, 1 is accepted

Sort by
0
Vlad
Telerik team
answered on 10 Nov 2011, 08:10 AM
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

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

0
Ali
Top achievements
Rank 1
answered on 11 Nov 2011, 01:17 AM
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
0
Vlad
Telerik team
answered on 14 Nov 2011, 10:33 AM
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

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

0
Ali
Top achievements
Rank 1
answered on 15 Nov 2011, 12:26 AM
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
0
Todd
Top achievements
Rank 1
answered on 20 Dec 2011, 09:24 PM
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.
0
Vlad
Telerik team
answered on 21 Dec 2011, 07:59 AM
Hello,

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

All the best,
Vlad
the Telerik team

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

0
Todd
Top achievements
Rank 1
answered on 22 Dec 2011, 08:43 PM
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>
Tags
GridView
Asked by
Ali
Top achievements
Rank 1
Answers by
Vlad
Telerik team
Ali
Top achievements
Rank 1
Todd
Top achievements
Rank 1
Share this question
or