Performance problem using RadGridView inside RadTileView

[Chris Thierry]

Hi, maybe is not a good idea, but I'm using a RadTileView with 4 sections, in the first section which comes maximized, I'm using a RadGridView filled with a WCF service, my service is working very well but just after using ItemSource property to fill my grid, is taking more than 1 minute for loading 1300 records, rgvFinancial is my RadGridView

void

 

 

client_GetFinancialCompleted(object sender, GetFinancialCompletedEventArgs e)

 

{

 

 

    List<TME_Financial_ReportResult> myList;

 

    myList = e.Result.ToList<

 

TME_Financial_ReportResult>();

 

 

 

    rgvFinancial.ItemsSource = myList;

 

}

But, if I remove the RadTileView is loading much faster, is there any problem using these two controls together?, I need to do a demo tomorrow and I need to be sure that is working well.
Thank you.

[Vlad]

Hello,

 Most probably the grid is measured with infinity height. Can you try to specify Height (or MaxHeight) for RadGridView to see what will be the result?

All the best,
Vlad
the Telerik team

[Chris Thierry]

Hi
This control doesn't work with RadGridView, I have 4 RadTileViewItem defined in my page, these items shows 4 RadGrid, as soon as I add SmallContent and Content section, the page is getting me a timeout error, if I remove SmallContent and Content, works ok.

Any Idea?

this is my code

<

 

 

Grid x:Name="LayoutRoot">

 

 

 

 

 

<telerikNavigation:RadTileView Height="Auto" Name="rtvReports" Width="Auto" TileStateChangeTrigger="SingleClick">

 

 

 

 

<telerikNavigation:RadTileViewItem x:Name="rtvFinalcial" TileState="Maximized">

 

 

 

 

<telerikNavigation:RadTileViewItem.Header>

 

 

 

 

<TextBlock Text="Financial" Style="{StaticResource HeaderTitle}" />

 

 

 

 

</telerikNavigation:RadTileViewItem.Header>

 

 

 

 

<telerik:RadFluidContentControl>

 

 

 

 

<telerik:RadFluidContentControl.SmallContent>

 

 

 

 

<TextBlock Text="Financial Small"></TextBlock>

 

 

 

 

</telerik:RadFluidContentControl.SmallContent>

 

 

 

 

<telerik:RadFluidContentControl.Content>

 

 

 

 

<TextBlock Text="Financial Content"></TextBlock>

 

 

 

 

</telerik:RadFluidContentControl.Content>

 

 

 

 

<telerik:RadFluidContentControl.LargeContent>

 

 

 

 

<telerikGrid:RadGridView x:Name="rgvFinancial" AutoGenerateColumns="False" Height="Auto">

 

 

 

 

<telerikGrid:RadGridView.Columns>

 

 

 

 

<telerikGrid:GridViewDataColumn DataMemberBinding="{Binding Period}" Header="Period" />

 

 

 

 

<telerikGrid:GridViewDataColumn DataMemberBinding="{Binding Provider}" Header="Provider" />

 

 

 

 

<telerikGrid:GridViewDataColumn DataMemberBinding="{Binding Account}" Header="Account" />

 

 

 

 

<telerikGrid:GridViewDataColumn DataMemberBinding="{Binding ServiceID}" Header="Service ID" />

 

 

 

 

<telerikGrid:GridViewDataColumn DataMemberBinding="{Binding Provider}" Header="Employee" />

 

 

 

 

<telerikGrid:GridViewDataColumn DataMemberBinding="{Binding PlanName}" Header="Plan Name" />

 

 

 

 

<telerikGrid:GridViewDataColumn TextAlignment="Right" DataMemberBinding="{Binding TotalChg}" Header="Total Charges" />

 

 

 

 

</telerikGrid:RadGridView.Columns>

 

 

 

 

</telerikGrid:RadGridView>

 

 

 

 

</telerik:RadFluidContentControl.LargeContent>

 

 

 

 

</telerik:RadFluidContentControl>

 

 

 

 

</telerikNavigation:RadTileViewItem>

 

 

 

 

<telerikNavigation:RadTileViewItem x:Name="rtvServices" TileState="Minimized">

 

 

 

 

<telerikNavigation:RadTileViewItem.Header>

 

 

 

 

<TextBlock Text="Services" Style="{StaticResource HeaderTitle}" />

 

 

 

 

</telerikNavigation:RadTileViewItem.Header>

 

 

 

 

<telerik:RadFluidContentControl>

 

 

 

 

<telerik:RadFluidContentControl.SmallContent>

 

 

 

 

<TextBlock Text="Services Small"></TextBlock>

 

 

 

 

</telerik:RadFluidContentControl.SmallContent>

 

 

 

 

<telerik:RadFluidContentControl.Content>

 

 

 

 

<TextBlock Text="Services Content"></TextBlock>

 

 

 

 

</telerik:RadFluidContentControl.Content>

 

 

 

 

<telerik:RadFluidContentControl.LargeContent>

 

 

 

 

<telerikGrid:RadGridView x:Name="rgvServices" AutoGenerateColumns="False" Height="Auto">

 

 

 

 

<telerikGrid:RadGridView.Columns>

 

 

 

 

<telerikGrid:GridViewDataColumn DataMemberBinding="{Binding Service_Type}" Header="Service Type" />

 

 

 

 

<telerikGrid:GridViewDataColumn DataMemberBinding="{Binding Contract}" Header="Contract" />

 

 

 

 

<telerikGrid:GridViewDataColumn DataMemberBinding="{Binding Service_ID}" Header="Service ID" />

 

 

 

 

<telerikGrid:GridViewDataColumn DataMemberBinding="{Binding Employee}" Header="Employee" />

 

 

 

 

<telerikGrid:GridViewDataColumn DataMemberBinding="{Binding Account}" Header="Account" />

 

 

 

 

<telerikGrid:GridViewDataColumn DataMemberBinding="{Binding Provider}" Header="Provider" />

 

 

 

 

<telerikGrid:GridViewDataColumn DataMemberBinding="{Binding Department}" Header="Department" />

 

 

 

 

</telerikGrid:RadGridView.Columns>

 

 

 

 

</telerikGrid:RadGridView>

 

 

 

 

</telerik:RadFluidContentControl.LargeContent>

 

 

 

 

</telerik:RadFluidContentControl>

 

 

 

 

</telerikNavigation:RadTileViewItem>

 

 

 

 

 

<telerikNavigation:RadTileViewItem x:Name="Compare" Header="Compare" TileState="Minimized" />

 

 

 

 

<telerikNavigation:RadTileViewItem x:Name="Top10" Header="Top 10" TileState="Minimized" />

 

 

 

 

</telerikNavigation:RadTileView>

 

 

 

 

</Grid>

Thank you.

 

[Vlad]

Hi,

 Can you specify height for the grid in pixels instead Auto?

Kind regards,
Vlad
the Telerik team

[Chris Thierry]

I puted 300 pixels for all radgridview, and I still have problems. I send you the all code:

<navigation:Page x:Class="TME.Silverlight.Toolbar.Reports"
           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:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls"
           xmlns:telerikNavigation="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Navigation"         
           xmlns:telerikGrid="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.GridView"     
           mc:Ignorable="d"          
           xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"          
           d:DesignWidth="640" d:DesignHeight="480"                
           Title="Reports">

    <UserControl.Resources>               
        <Style TargetType="TextBlock" x:Key="HeaderTitle">
            <Setter Property="Foreground" Value="Black" />
            <Setter Property="FontSize" Value="14" />
            <Setter Property="FontWeight" Value="Bold" />
            <Setter Property="FontFamily" Value="Calibri" />
            <Setter Property="VerticalAlignment" Value="Center" />
            <Setter Property="Padding" Value="0" />
        </Style>
        <Style TargetType="TextBlock" x:Key="SmallBox">
            <Setter Property="Foreground" Value="#0b4366" />
            <Setter Property="FontSize" Value="12" />
            <Setter Property="FontWeight" Value="Normal" />
            <Setter Property="FontFamily" Value="Segoe UI" />
            <Setter Property="VerticalAlignment" Value="Center" />
            <Setter Property="Padding" Value="10 0" />
            <Setter Property="Margin" Value="0 0 0 50" />
        </Style>
    </UserControl.Resources>

    <Grid x:Name="LayoutRoot">
       
        <telerikNavigation:RadTileView Height="Auto" Name="rtvReports" Width="Auto" TileStateChangeTrigger="SingleClick">

            <telerikNavigation:RadTileViewItem x:Name="rtvFinalcial" TileState="Maximized">
                <telerikNavigation:RadTileViewItem.Header>
                    <TextBlock Text="Financial" Style="{StaticResource HeaderTitle}" />
                </telerikNavigation:RadTileViewItem.Header>
                <telerikNavigation:RadTileViewItem.Content>
                    <telerik:RadFluidContentControl>                       
                        <telerik:RadFluidContentControl.SmallContent>
                            <TextBlock Text="Services Small"></TextBlock>
                        </telerik:RadFluidContentControl.SmallContent>
                        <telerik:RadFluidContentControl.Content>
                            <TextBlock Text="Services Content"></TextBlock>
                        </telerik:RadFluidContentControl.Content>
                        <telerik:RadFluidContentControl.LargeContent>
                            <telerikGrid:RadGridView x:Name="rgvFinancial" AutoGenerateColumns="False" Height="300">
                                <telerikGrid:RadGridView.Columns>
                                    <telerikGrid:GridViewDataColumn DataMemberBinding="{Binding Period}" Header="Period" />
                                    <telerikGrid:GridViewDataColumn DataMemberBinding="{Binding Provider}" Header="Provider" />
                                    <telerikGrid:GridViewDataColumn DataMemberBinding="{Binding Account}" Header="Account" />
                                    <telerikGrid:GridViewDataColumn DataMemberBinding="{Binding ServiceID}" Header="Service ID" />
                                    <telerikGrid:GridViewDataColumn DataMemberBinding="{Binding Provider}" Header="Employee" />
                                    <telerikGrid:GridViewDataColumn DataMemberBinding="{Binding PlanName}" Header="Plan Name" />
                                    <telerikGrid:GridViewDataColumn TextAlignment="Right" DataMemberBinding="{Binding TotalChg}" Header="Total Charges" />
                                </telerikGrid:RadGridView.Columns>
                            </telerikGrid:RadGridView>
                        </telerik:RadFluidContentControl.LargeContent>                       
                    </telerik:RadFluidContentControl>
                </telerikNavigation:RadTileViewItem.Content>                             
            </telerikNavigation:RadTileViewItem>

            <telerikNavigation:RadTileViewItem x:Name="rtvServices" TileState="Minimized">
                <telerikNavigation:RadTileViewItem.Header>
                    <TextBlock Text="Services" Style="{StaticResource HeaderTitle}" />
                </telerikNavigation:RadTileViewItem.Header>
                <telerikNavigation:RadTileViewItem.Content>
                    <telerik:RadFluidContentControl>                       
                        <telerik:RadFluidContentControl.SmallContent>
                            <TextBlock Text="Services Small"></TextBlock>
                        </telerik:RadFluidContentControl.SmallContent>
                        <telerik:RadFluidContentControl.Content>
                            <TextBlock Text="Services Content"></TextBlock>
                        </telerik:RadFluidContentControl.Content>
                        <telerik:RadFluidContentControl.LargeContent>
                            <telerikGrid:RadGridView x:Name="rgvServices" AutoGenerateColumns="False" Height="300">
                                <telerikGrid:RadGridView.Columns>
                                    <telerikGrid:GridViewDataColumn DataMemberBinding="{Binding Service_Type}" Header="Service Type" />
                                    <telerikGrid:GridViewDataColumn DataMemberBinding="{Binding Contract}" Header="Contract" />
                                    <telerikGrid:GridViewDataColumn DataMemberBinding="{Binding Service_ID}" Header="Service ID" />
                                    <telerikGrid:GridViewDataColumn DataMemberBinding="{Binding Employee}" Header="Employee" />
                                    <telerikGrid:GridViewDataColumn DataMemberBinding="{Binding Account}" Header="Account" />
                                    <telerikGrid:GridViewDataColumn DataMemberBinding="{Binding Provider}" Header="Provider" />
                                    <telerikGrid:GridViewDataColumn DataMemberBinding="{Binding Department}" Header="Department" />
                                </telerikGrid:RadGridView.Columns>
                            </telerikGrid:RadGridView>
                        </telerik:RadFluidContentControl.LargeContent>                       
                    </telerik:RadFluidContentControl>
                </telerikNavigation:RadTileViewItem.Content>                                   
            </telerikNavigation:RadTileViewItem>
           
            <telerikNavigation:RadTileViewItem x:Name="Compare" Header="Compare" TileState="Minimized" />
            <telerikNavigation:RadTileViewItem x:Name="Top10" Header="Top 10" TileState="Minimized" />
        </telerikNavigation:RadTileView>
    </Grid>
</navigation:Page>

[Kiril Stanoev]

Hello Chris,

Please have a look at this forum thread as it gives clarity on this issue.

On a side note, I'd like to inform you that we've just released an online tool that allows you to reduce the size of your Silverlight applications. For more information, please visit http://blogs.telerik.com/blogs/posts/10-06-10/telerik_assembly_minifier.aspx

Regards,
Kiril Stanoev
the Telerik team