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

Reduce RadListView DataPager Css calls

2 Answers 119 Views

ListView

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

Diane asked on 12 Apr 2010, 12:19 PM

Hi,

I have noticed a performance issue with the RadListView and DataPager controls. I am seeing a noticable delay in moving to the next page in my RadListView which I think is due to the number of CSS calls being made. This only happens the first time i visit the page with the control on and click the "next page" button - afterwards, the css is cached so the performance is fine.

I am seeing 8 calls to CSS files from my WebResource.axd. These are for:

Telerik RadListView Common CSS
Telerik RadListView Default Skin
Telerik RadDataPager Common CSS
Telerik RadDataPager Default Skin

The calls all occur twice!

Is there a way to reduce these calls?
Here is my code:

    
            <asp:UpdatePanel ID="upExpList" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false"> 
        
                    <ContentTemplate>  
        
                    <ul> 
        
                            <telerik:RadListView OnPageIndexChanged="rlvExperiences_PageIndexChanged"  
        
                            ItemPlaceholderID="ViewTitlePlaceholder" 
        
                                DataKeyNames="ExperienceId" ID="rlvExperienceTitles" 
        
                                runat="server" AllowPaging="true"> 
        
                                <LayoutTemplate> 
        
                                    <li runat="server" id="ViewTitlePlaceholder" /> 
        
                                    </li> 
        
                                </LayoutTemplate> 
        
                                <ItemTemplate> 
        
                                    <li> 
        
                                        //removed for brevity 
        
                                    </li> 
        
                                </ItemTemplate> 
        
                            </telerik:RadListView> 
        
                        </ul> 
        
                    </div> 
        
                    </ContentTemplate> 
        
                    <Triggers> 
        
                    <asp:AsyncPostBackTrigger ControlID="dataPager" EventName="Command" /> 
        
                    <asp:PostBackTrigger ControlID="rlvExperienceTitles" /> 
        
                    </Triggers> 
        
                    </asp:UpdatePanel> 
        
                    <asp:UpdatePanel ID="upDataPager" runat="server" > 
        
                    <ContentTemplate> 
        
                       <telerik:RadDataPager BackColor="Transparent" BorderColor="Transparent"  
        
                  Font-Size="Small" ID="dataPager" runat="server" PagedControlID="rlvExperienceTitles"  
        
                  PageSize="20"> 
        
            <Fields> 
        
                                           <telerik:RadDataPagerButtonField FieldType="Prev" /> 
        
                                           <telerik:RadDataPagerButtonField FieldType="Numeric" /> 
        
                                           <telerik:RadDataPagerButtonField FieldType="Next" /> 
        
                                         <telerik:RadDataPagerTemplatePageField> 
        
                                                        <PagerTemplate> 
        
                                                            <div style="float: right"> 
        
                                                                    <asp:Label runat="server" ID="CurrentPageLabel" Text="<%# Container.Owner.StartRowIndex+1%>" /> 
        
                                                                    to 
        
                                                                    <asp:Label runat="server" ID="TotalPagesLabel" Text="<%#CheckPagingTotal( Container.Owner.StartRowIndex+Container.Owner.PageSize) %>" /> 
        
                                                                    of 
        
                                                                    <asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount%>" /> 
        
                                                            </div> 
        
                                                        </PagerTemplate> 
        
                                                    </telerik:RadDataPagerTemplatePageField> </Fields> 
        
                                   </telerik:RadDataPager> 
        
                    </ContentTemplate></asp:UpdatePanel>

Thanks
Tom

2 Answers, 1 is accepted

answered on 14 Apr 2010, 09:32 AM

Hello Tom,

I'm afraid that I'm unable to recreate the behavior you have described. I'm receiving as expected just

RadListView Common CSS
RadListView Default Skin
RadDataPager Common CSS
RadDataPager Default Skin

Also I have noticed that you are not using RadListView's built-in skinning, therefore you may consider to disable the css which are downloaded for it. This can be achieve by setting EnableEmbeddedSkins and EnableEmbeddedBaseStylesheet to false.

Kind regards,
Rosen
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.