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

Slow Render of RadGrid with RadDatePicker controls

1 Answer 112 Views
Grid
This is a migrated thread and some comments may be shown as answers.
bad nick
Top achievements
Rank 1
bad nick asked on 16 Nov 2009, 06:02 PM
I saw a couple of similar threads and your recommendation of using a shared calendar control as a solution, however, this does not make much of a difference for me.
Compare this: testing of 100 rows - without date pickers: 0.57s, with 1 datepicker: 3-4s, 2 pickers: 8s!!
I am using all recommended server side optimisation - e.g. optimized stored procedure to get the data, NeedDataSource event etc. In fact, the page loads in about 2 seconds and what I see for the rest of the time is frozen grid, which would resize to 100% height after about 6 seconds. Any possible solutions here? The grid cannot be fixed size in my case, hence the Height is set to 100%. Thank you in advance.

here's the code:

<telerik:RadGrid ID="radGrid" runat="server" AutoGenerateColumns="false" BorderStyle="None" 
    EnableAjaxSkinRendering="true" AllowPaging="true" AllowMultiRowSelection="true" 
    Height="100%" EnableViewState="true"
    <MasterTableView ClientDataKeyNames="TxtSchoolId,TblActivityManagerGroupPupilLinkId" PageSize="10"
        <Columns> 
... 
           <telerik:GridTemplateColumn HeaderText="Start Date" UniqueName="DateFrom"
                <ItemTemplate> 
                    <telerik:RadDatePicker ID="StartDate" Width="60" runat="server" SelectedDate='<%#DataBinder.Eval(Container.DataItem, "dteStartDate")%>' 
                        ShowPopupOnFocus="true" DatePopupButton-Visible="false" SharedCalendarID="cal" ClientEvents-OnDateSelected="OnDateSelected" /> 
                </ItemTemplate> 
                <HeaderStyle Width="68" HorizontalAlign="Center" /> 
                <ItemStyle Width="68" HorizontalAlign="Center" /> 
            </telerik:GridTemplateColumn> 
... 
        </Columns> 
    </MasterTableView> 
    <ClientSettings EnableRowHoverStyle="true" EnableAlternatingItems="false"
        <Scrolling AllowScroll="true" UseStaticHeaders="true" /> 
        <Selecting AllowRowSelect="true" /> 
    </ClientSettings> 
</telerik:RadGrid> 
<telerik:RadCalendar ID="cal" runat="server" /> 

Regards,
Ruslan

1 Answer, 1 is accepted

Sort by
0
Pavlina
Telerik team
answered on 18 Nov 2009, 10:15 AM
Hello Ruslan,

I suggest you review the following forum thread which elaborates on this matter, for more information about how to increase the performance of your project:
http://www.telerik.com/community/forums/aspnet-ajax/grid/slow-performance-when-using-bind.aspx

All the best,
Pavlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Tags
Grid
Asked by
bad nick
Top achievements
Rank 1
Answers by
Pavlina
Telerik team
Share this question
or