Sorting on a column turns up blank section

8 posts, 0 answers
  1. Ali
    Ali avatar
    6 posts
    Member since:
    Jul 2010

    Posted 10 Nov 2011 Link to this post

    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.
  2. Vlad
    Admin
    Vlad avatar
    11100 posts

    Posted 10 Nov 2011 Link to this post

    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 >>

  3. Ali
    Ali avatar
    6 posts
    Member since:
    Jul 2010

    Posted 10 Nov 2011 Link to this post

    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
  4. Vlad
    Admin
    Vlad avatar
    11100 posts

    Posted 14 Nov 2011 Link to this post

    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 >>

  5. Ali
    Ali avatar
    6 posts
    Member since:
    Jul 2010

    Posted 14 Nov 2011 Link to this post

    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
  6. Todd
    Todd avatar
    6 posts
    Member since:
    May 2011

    Posted 20 Dec 2011 Link to this post

    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.
  7. Vlad
    Admin
    Vlad avatar
    11100 posts

    Posted 21 Dec 2011 Link to this post

    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 >>

  8. Todd
    Todd avatar
    6 posts
    Member since:
    May 2011

    Posted 22 Dec 2011 Link to this post

    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>
    
Back to Top