ERROR ON GRID "Stop running this script?"

[Mike]

I keep getting this error when there are more than 30 rows in my grid.

Windows Internet Explorer
Stop running this script?

A script on this page is causing Internet Explorer to run slowly.
If it Continues to run, your computer may become
unresponsive.

                    YES         NO

Here is the code for the Grid:

    <telerik:RadGrid ID="RadGrid1"
             AllowMultiRowSelection="True"
             AllowSorting="True"
             AllowNaturalSort="True"
             AllowPaging="False"
             AutoGenerateColumns="False"
             AlternatingItemStyle-HorizontalAlign="Center"
             BackColor="#ffffff"
             CellPadding="2"
             CellSpacing="2"
             EnableEmbeddedSkins="False"
             GridLines="None"
             GroupingEnabled="True"
             HeaderStyle-Height="20"
             Height="470px"
             ItemStyle-HorizontalAlign="Center"
             OnSortCommand="RadGrid1_SortCommand"
             OnNeedDataSource="RadGrid1_NeedDataSource"
             OnItemDataBound="RadGrid1_ItemDataBound"
             ShowFooter="True"
             ShowHeader="True"
             ShowGroupPanel="True"
             ShowStatusBar="True"
             Skin="MySkin"
             Width="100%"
             Runat="server">
               <MasterTableView AllowMultiColumnSorting="True" DataKeyNames="Column1,Column2" EditMode="InPlace" TableLayout="Fixed" HeaderStyle-Wrap="false" >
<Columns>
   <telerik:GridClientSelectColumn UniqueName="ClientSelectColumn" HeaderStyle-Width="25" />
   <telerik:GridBoundColumn DataField="UniqueColumnName" Visible="False" />
  <telerik:GridBoundColumn DataField="UniqueColumnName" Visible="False" />
  <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Customer ID" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="Center" SortExpression="UniqueSort" />
  <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Customer" HeaderButtonType="TextButton" HeaderStyle-Width="300px" ItemStyle-HorizontalAlign="Left" SortExpression="UniqueSort" />
  <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Request #" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="Center" SortExpression="UniqueSort" />
  <telerik:GridTemplateColumn HeaderText="Refresh Type"  HeaderStyle-Width="150" ItemStyle-HorizontalAlign="center">
    <ItemTemplate>
       <telerik:RadComboBox ID="RadComboBoxRefreshType" Width="150" Skin="Vista" runat="server">
       <Items>
          <telerik:RadComboBoxItem Text="Product" Value="0" />
          <telerik:RadComboBoxItem Text="Sales - Customer" Value="1" />
          <telerik:RadComboBoxItem Text="Sales - Offer" Value="2" />
       </Items>
       </telerik:RadComboBox>
     </ItemTemplate>
  </telerik:GridTemplateColumn>
 <%-- There is a table for Batch Type but we will just create this in the code for now--%>
  <telerik:GridTemplateColumn HeaderText="Batch Time" ItemStyle-HorizontalAlign="center">
      <ItemTemplate>
        <telerik:RadComboBox ID="RadComboBoxBatchType"  Width="90" Skin="Vista" runat="server">
          <Items>
             <telerik:RadComboBoxItem Text="Not Set" Value="0" />
             <telerik:RadComboBoxItem Text="Morning" Value="1" />
             <telerik:RadComboBoxItem Text="Evening" Value="2" />
             <telerik:RadComboBoxItem Text="Both" Value="3" />
             <telerik:RadComboBoxItem Text="Now" Value="4" />
          </Items>
         </telerik:RadComboBox>
      </ItemTemplate>
  </telerik:GridTemplateColumn>
  <telerik:GridTemplateColumn HeaderText="Unique Name" ItemStyle-HorizontalAlign="center">
          <ItemTemplate>
               <telerik:RadDatePicker ID="RadDateRefreshThru" Style="vertical-align: middle;" MinDate="2000-2-1" Width="75" runat="server" Skin="WebBlue">
              </telerik:RadDatePicker>
          </ItemTemplate>
  </telerik:GridTemplateColumn>
  <telerik:GridTemplateColumn HeaderText="Unique Name" ItemStyle-HorizontalAlign="center">
          <ItemTemplate>
               <telerik:RadComboBox ID="RadComboStartBillMonth"  Width="90" Skin="Vista" runat="server" />
          </ItemTemplate>
  </telerik:GridTemplateColumn>
  <telerik:GridTemplateColumn HeaderText="Unique Name" ItemStyle-HorizontalAlign="center">
          <ItemTemplate>
               <telerik:RadComboBox ID="RadComboBoxEndBillMonth"  Width="90" Skin="Vista" runat="server" />
          </ItemTemplate>
  </telerik:GridTemplateColumn>
  <telerik:GridTemplateColumn HeaderText="Unique Name" ItemStyle-HorizontalAlign="center">
       <ItemTemplate>
         <telerik:RadNumericTextBox  ID="id1" Type="Number" MaxLength="9" style="text-align:right;" Width="60" runat="server" >
           <NumberFormat AllowRounding="False" KeepNotRoundedValue="True" />
        </telerik:RadNumericTextBox>
       </ItemTemplate>
  </telerik:GridTemplateColumn>
  <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Unique Name" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="center"  SortExpression="UniqueSort" />
  <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Unique Name" HeaderButtonType="TextButton" HeaderStyle-Width="150px" ItemStyle-HorizontalAlign="Left" SortExpression="UniqueSort" />
  <telerik:GridBoundColumn DataField="UniqueColumnName"HeaderText="Unique Name" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="Left" HeaderStyle-Wrap="false" SortExpression="UniqueSort" />
  <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Unique Name" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="Left" SortExpression="UniqueSort" />
  <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Unique Name" HeaderButtonType="TextButton" HeaderStyle-Width="200px" ItemStyle-HorizontalAlign="Left"  SortExpression="UniqueSort" />
  <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Unique Name" HeaderButtonType="TextButton" HeaderStyle-Width="150px" ItemStyle-HorizontalAlign="center" HeaderStyle-Wrap="false" DataFormatString="{0:MM/dd/yyyy}" SortExpression="UniqueSort" />
  <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Unique Name" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="center" SortExpression="UniqueSort" />
  <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Unique Name" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="center"  DataFormatString="{0:MM/dd/yyyy}" SortExpression="UniqueSort" />
  <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Unique Name" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="center" DataFormatString="{0:MM/dd/yyyy}" SortExpression="UniqueSort" />
  <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Unique Name" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="center" SortExpression="UniqueSort" />
  <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Unique Name" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="Left" SortExpression="UniqueSort" />
  <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Unique Name" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="Left" SortExpression="UniqueSort" />
  <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Unique Name" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="center" SortExpression="UniqueSort" />
  <telerik:GridBoundColumn DataField="UniqueColumnName" HeaderText="Unique Name" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="right" DataFormatString="{0:$#,##0.0000}" SortExpression="UniqueSort" />
  <telerik:GridTemplateColumn HeaderText="Comments" HeaderStyle-Width="150" ItemStyle-HorizontalAlign="center">
      <ItemTemplate>
          <asp:ImageButton ID="ImageButtonComment" ImageUrl="~/images/Comment.gif" AlternateText="Add Comment" Height="13" Width="13" runat="server" />
      </ItemTemplate>
  </telerik:GridTemplateColumn>
 </Columns>
 <HeaderStyle Width="100px" />
</MasterTableView>
 <ClientSettings AllowColumnsReorder="True" AllowDragToGroup="True" ReorderColumnsOnClient="True" AllowRowHide="True" >
    <Resizing AllowColumnResize="True" AllowRowResize="False" ResizeGridOnColumnResize="False" ClipCellContentOnResize="True" EnableRealTimeResize="False" />
    <Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True"  FrozenColumnsCount="3" />
    <Selecting AllowRowSelect="True" />
 </ClientSettings>
</telerik:RadGrid>

[Sebastian]

Hello Mike,

From your grid definition I see that you enabled various client-side features
(scrolling with static headers and frozen columns, column resizing/reordering, row selection, etc.), added around 30 columns and disabled the paging for the grid. Note that this will produce large amount of html and javascript and can result in significant delays in the grid loading time.

To optimize the performance in your case, consider reducing the number of visible column as much as possible (either hiding some of the columns or removing them completely and extracting their values on the client using key values), enable paging or virtual scrolling for grid, and disable the client-side features which you do not intend to use.

Additional hints about how to speed up the performance of our web grid can be found here:

http://www.telerik.com/help/aspnet-ajax/introduction.html (Chapter "Performance tips and tricks")
http://www.telerik.com/products/aspnet-ajax/resources/top-performance.aspx

Regards,
Sebastian
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[soraya]

Hi:

I have a similar problem; I have a grid with select column and three more columns, and when a want to select all the records I receive the same error than Michael, my grid has about 2300 records, when the number of records is less I dont have this problem, I try using the paging but when i want to select all records this accion only select the records from the selected page.

What can I do????