Performance Problems with RadGrid in IE8

2 posts, 0 answers
  1. Torsten
    Torsten avatar
    13 posts
    Member since:
    Jul 2012

    Posted 05 Jan 2012 Link to this post

    I have a client-side performance problem in IE8 with RadGrid. The grid has only 150 rows and looks like this:

    <telerik:grid runat="server" ID="rgArtikel" AllowSorting="false" AllowFilteringByColumn="false"
            AutoGenerateColumns="false" EnableAjaxSkinRendering="false" EnableViewState="true"
            Visible="true" OnNeedDataSource="rgArtikel_NeedDataSource" OnItemDataBound="rgArtikel_ItemDataBound">
            <ClientSettings AllowKeyboardNavigation="true" EnablePostBackOnRowClick="false">
                <Selecting AllowRowSelect="false" />
            </ClientSettings>
            <MasterTableView AllowFilteringByColumn="false">
                <Columns>
                    <telerik:GridTemplateColumn UniqueName="Key" InitializeTemplatesFirst="false" HeaderText="">
                        <ItemTemplate>
                            <asp:Literal ID="lKey" runat="server" Visible="false"></asp:Literal>
                        </ItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridTemplateColumn UniqueName="Icon1" InitializeTemplatesFirst="false" HeaderText="Leit.">
                        <ItemTemplate>
                            <asp:Image ID="iLeitArtikel" runat="server" Visible="false"></asp:Image>
                        </ItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridTemplateColumn UniqueName="Icon2" InitializeTemplatesFirst="false" HeaderText="Info">
                        <ItemTemplate>
                            <asp:Image ID="iArtikel" runat="server" Visible="false"></asp:Image>
                            <uc1:RDisplayArtikel ID="RDisplayArtikel" runat="server" Visible="false" />
                            <uc2:RSammelArtikel ID="RSammelArtikel" runat="server" Visible="false" />
                        </ItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridTemplateColumn UniqueName="Icon3" InitializeTemplatesFirst="false" HeaderText="">
                        <ItemTemplate>
                            <asp:Image ID="iPfand" runat="server" Visible="false"></asp:Image>
                        </ItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridTemplateColumn UniqueName="Akt.VKP" InitializeTemplatesFirst="true"
                        HeaderText="Aktions-VKP">
                        <ItemTemplate>
                            <telerik:RadNumericTextBox ID="tbAktVkp" runat="server" Width="50px" Height="10px"
                                Type="Currency" DecimalSeparator="," Visible="false" Editable="Editable" MinValue="0">
                                <ClientEvents OnValueChanged="setChanged" />
                            </telerik:RadNumericTextBox>
                        </ItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridTemplateColumn UniqueName="Aktionen" InitializeTemplatesFirst="false"
                        HeaderText="">
                        <ItemTemplate>
                            <asp:Image runat="server" ID="iAktionen" Visible="false"></asp:Image>
                        </ItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridTemplateColumn UniqueName="iBeschaffung" InitializeTemplatesFirst="false"
                        HeaderText="">
                        <ItemTemplate>
                            <asp:HyperLink ID="iBeschaffung" runat="server" Visible="false" ToolTip="Beschaffungsregel vorhanden"></asp:HyperLink>
                        </ItemTemplate>
                    </telerik:GridTemplateColumn>
                </Columns>
            </MasterTableView>
        </tegut:XYGrid>

    The grid is filled in backend with max. 150 rows und is rendered fast. But when the site is shown in IE8, the CPU-Load is up to 100% and the IE doesn't react for about 3s. If I allow scrolling and enable fixed header, the IE stops working for about 5s.

    Is there any trick to speed this up ?? I think 150 is not a large number of rows the grid can't handel anymore.

    And by the way another problem: the resizing didn't work proper with scrolling enabled too. It's getting only larger not smaller (smallest size is size on load)!

  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 05 Jan 2012 Link to this post

    Hello Torsten,

    I think the number of items is the culprit. Its recommended to turn on paging if the records exceeds more than 100.
    You can found more on this from the following help article.
    Client/server grid performance optimizations.

    Hope it helps.

    Thanks,
    Shinu.
Back to Top