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

Reduce RadListView DataPager Css calls

2 Answers 81 Views
ListView
This is a migrated thread and some comments may be shown as answers.
Diane
Top achievements
Rank 1
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

Sort by
0
Rosen
Telerik team
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.
0
Diane
Top achievements
Rank 1
answered on 14 Apr 2010, 11:27 AM
Hi,

This behaviour does not appear on my development machine using IIS7, but does appear on my development server and production server (both running IIS6).

I have disabled the embedded resources for the ListView control and this has now reduced the calls from 8 to 4. There is still duplication for the
RadDataPager Common CSS
RadDataPager Default Skin

I will continue to investigate.
Thanks
Tom

Tags
ListView
Asked by
Diane
Top achievements
Rank 1
Answers by
Rosen
Telerik team
Diane
Top achievements
Rank 1
Share this question
or