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

[Solved] Slow Render of RadGrid with RadDatePicker controls

1 Answer 185 Views

Grid

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

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

[Solved] Slow Render of RadGrid with RadDatePicker controls

1 Answer, 1 is accepted