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

5 posts, 0 answers
  1. Greg
    Greg avatar
    17 posts
    Member since:
    Oct 2013

    Posted 14 Mar 2014 Link to this post

    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>












  2. Viktor Tachev
    Admin
    Viktor Tachev avatar
    1488 posts

    Posted 19 Mar 2014 Link to this post

    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
     

    DevCraft Q1'14 is here! Watch the online conference to see how this release solves your top-5 .NET challenges. Watch on demand now.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Greg
    Greg avatar
    17 posts
    Member since:
    Oct 2013

    Posted 19 Mar 2014 Link to this post

    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






  5. Viktor Tachev
    Admin
    Viktor Tachev avatar
    1488 posts

    Posted 24 Mar 2014 Link to this post

    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
     

    Build cross-platform mobile apps using Visual Studio and .NET. Register for the online webinar on 03/27/2014, 11:00AM US ET.. Seats are limited.

     
  6. Greg
    Greg avatar
    17 posts
    Member since:
    Oct 2013

    Posted 28 Mar 2014 in reply to Viktor Tachev Link to this post

    Thank you Viktor,

    I submitted a support ticket through the company account.

    Gregory
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017