shared calendar in a 25 rows grid => IE8 asks to stop running the script

[Greg]

Hello,

I am using a grid which includes two radDatePicker in the row. The grid displays 25 items per page. I am using a shared calendar but it seems that the script is taking too long in IE8.

Could you tell me what would be the best way to improve the performance of my grid?

Here it is:

<telerik:RadGrid ID="radGrid" runat="server"
    OnNeedDataSource="NeedDataSource" 
    OnItemDataBound="ItemDataBound" 
    OnUpdateCommand="UpdateCommand" 
    OnItemCreated="ItemCreated"
    OnItemCommand="ItemCommand" 
    AllowSorting="true" AllowPaging="true" AutoGenerateColumns="false" AllowMultiRowSelection="false" 
    PagerStyle-Mode="NumericPages" PagerStyle-AlwaysVisible="true" ShowFooter="true" PageSize="10"
    MasterTableView-NoMasterRecordsText="No Records found.">
    
    <ClientSettings EnableRowHoverStyle="true" AllowColumnsReorder="false">
        <Selecting AllowRowSelect="true" />
        <Resizing AllowColumnResize="false" EnableRealTimeResize="false" />
    </ClientSettings>
    
    <MasterTableView ShowHeadersWhenNoRecords="true" TableLayout="fixed" 
        EditMode="EditForms" Width="100%" CommandItemDisplay="Top">
        
        <EditFormSettings EditFormType="WebUserControl" UserControlName="/UserControl/Grid/Edit.ascx">
                <EditColumn UniqueName="EditCommandColumn1"></EditColumn>
        </EditFormSettings>
        
        <CommandItemTemplate>
            <table style="width:100%">
                <tr>
                    <td style="width:100%; text-align:right;">
                        <asp:LinkButton ID="lbRefresh" runat="server" CommandName="Refresh">
                            <img style="border:0px; padding-right:5px;" alt="" src="/RadControls/Skin/Grid/Refresh.gif" />Refresh
                        </asp:LinkButton>
                    </td>
                </tr>
            </table>
        </CommandItemTemplate>

        <Columns>
            <telerik:GridBoundColumn UniqueName="Col1" DataField="Col1" HeaderTooltip="Col1"
                ItemStyle-HorizontalAlign="Left" SortExpression="Col1" 
                HeaderText="Col1" HeaderStyle-Width="6%">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn UniqueName="Col2" DataField="Col2" AllowSorting="false" HeaderTooltip="Col2"
                HeaderText="Col2" HeaderStyle-Width="8%" ItemStyle-HorizontalAlign="Left">
            </telerik:GridBoundColumn>
            <telerik:GridEditCommandColumn UniqueName="Col3" HeaderTooltip="Col3"
                HeaderText="Col3" HeaderStyle-Width="10%" ItemStyle-HorizontalAlign="Left">
            </telerik:GridEditCommandColumn>
            <telerik:GridBoundColumn UniqueName="Col4" DataField="Col4" HeaderTooltip="Col4"
                ItemStyle-HorizontalAlign="Left" SortExpression="Col4" 
                HeaderText="Col4" HeaderStyle-Width="10%">
            </telerik:GridBoundColumn>
            <telerik:GridTemplateColumn UniqueName="Col5" DataField="Col5" HeaderTooltip="Col5"
                ItemStyle-HorizontalAlign="Left" SortExpression="Col5" 
                HeaderText="Col5" HeaderStyle-Width="4%">
                <ItemTemplate>
                     <a target="_blank" href='<%# myFunction(Eval("Col5").ToString())%>'></a>
                </ItemTemplate>
            </telerik:GridTemplateColumn>
            <telerik:GridBoundColumn UniqueName="Col6" DataField="Col6" HeaderTooltip="Col6" 
                ItemStyle-HorizontalAlign="Left" SortExpression="Col6" 
                HeaderText="Col6" HeaderStyle-Width="15%">
            </telerik:GridBoundColumn>

            <telerik:GridTemplateColumn UniqueName="Col7" HeaderTooltip="Col7" DataField="Col7"
                ItemStyle-HorizontalAlign="Left" SortExpression="Col7" 
                HeaderText="Col7" HeaderStyle-Width="13%">
                <ItemTemplate>
                    <telerik:RadDatePicker id="rpd1" Runat="server"  OnSelectedDateChanged="dateChanged" ShowPopupOnFocus="false" SharedCalendarID="sharedCalendar"
                        Width="98px" AutoPostBack="true" ZIndex="0" Calendar-EnableMonthYearFastNavigation="false">
                        <DateInput ReadOnly="true" ToolTip="Click on the calendar to set up a new date" ></DateInput>
                    </telerik:RadDatePicker>
                    <asp:Label id="lb1" runat="server"></asp:Label>
                </ItemTemplate>
            </telerik:GridTemplateColumn>

            <telerik:GridTemplateColumn UniqueName="Col8" HeaderTooltip="Col8" DataField="Col8"
                ItemStyle-HorizontalAlign="Left" SortExpression="Col8" 
                HeaderText="Maturity Col8" HeaderStyle-Width="13%">
                <ItemTemplate>
                    <telerik:RadDatePicker id="rdp2" Runat="server"  OnSelectedDateChanged="dateChanged" ShowPopupOnFocus="false" SharedCalendarID="sharedCalendar"
                        Width="98px" AutoPostBack="true" ZIndex="0" Calendar-EnableMonthYearFastNavigation="false">
                        <DateInput ReadOnly="true" ToolTip="Click on the calendar to set up a new date" ></DateInput>
                    </telerik:RadDatePicker>
                    <asp:Label id="lb2" runat="server"></asp:Label>
                </ItemTemplate>
            </telerik:GridTemplateColumn>
         
        </Columns>
        
       <PagerTemplate>
        </PagerTemplate>

    </MasterTableView>
    
</telerik:RadGrid>

[Viktor Tachev]

Hi Greg,

Such error is generally shown when client code is taking an extensive amount of time to execute. There is a msdn article on similar error here that might be interesting to you.

This being said, from the provided markup it would be hard to determine what exactly is causing the error. Would you share your full markup code with the client-side scripts and the related code behind? Would you also elaborate more on the steps that need to be taken in order for the error to appear? This would allow us to have better understanding of your scenario and try to find the root of the problem.

Regards,
Viktor Tachev
Telerik

 

 

[Greg]

Hello Viktor,

Thank you for your answer.
Thank you for the link posted but unfortunately, this web page is viewed by users and I can't force them to change the time-out value.
I would like to say that my page did not have any IE alert for long script before I add the columns 7 and 8 that contain the raddatepicker. Also, my page contains only this grid. The rest of the markup is a few style tags and a Telerik RadAjaxManagerProxy. I am not allowed to show too much of the code. What would be the way for me to send you the code behind so that it is not visible for the public?

Thank you
Gregory

[Viktor Tachev]

Hi Gregory,

You could send us your code in a formal support ticket. This way it would not be publicly visible. This would also allow us to debug the code locally and look for the cause of the issue.

Note that in order to be able to send a support ticket you would need to have a valid license for our products. I noticed that there is no such license listed in your account. If you have purchased our controls please contact our sales department so they could update your account.


Regards,
Viktor Tachev
Telerik

 

 

[Greg]

Thank you Viktor,

I submitted a support ticket through the company account.

Gregory