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

Frozen columns very slow (online demo page)

4 Answers 104 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Jacky Chau
Top achievements
Rank 1
Jacky Chau asked on 03 Jan 2008, 06:09 PM
I have been waiting for Frozen Columns in RadGrid for a looong time and it's finally here.  However, I am a bit disappointed by the client side performance when scrolling columns horizontally.  On your frozen columns online demo page, the horizontal scroll is not live (dragging the scrollbar does not update the grid until I release the scrollbar), and it takes a few seconds for the grid to update in the end.  Also, scrolling back (to the left) does not work.  Will these issues be fixed in the final release? 

4 Answers, 1 is accepted

Sort by
0
Konstantin Petkov
Telerik team
answered on 07 Jan 2008, 02:42 PM
Hello Jacky,

We will do our best to improve the frozen columns scrolling feature for upcoming release. The last issue you mentioned is definitely a problem we should fix as soon as possible.

Please, excuse us for the temporary inconvenience.

Kind regards,
Konstantin Petkov
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
jincy
Top achievements
Rank 1
answered on 08 Sep 2008, 12:20 PM
$0$0$0<%@ Page Language="VB" MasterPageFile="~/MasterPages/ABBmenuMaster.master" AutoEventWireup="false" CodeFile="CompanyList.aspx.vb" Inherits="AccessControlled_CommonFiles_ListPages_CompanyList" title="Company list" %>$0$0<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>$0$0<%@ Register Src="~/AccessControlled/CommonFiles/UserControls/CityCombo.ascx" TagName="CityCombo" TagPrefix="uc1" %>$0$0<%@ Register Src="~/AccessControlled/CommonFiles/UserControls/CountryCombo.ascx" TagName="CountryCombo" TagPrefix="uc2" %>$0$0$0$0$0<asp:Content ID="Content1" contentplaceholderid="ContentPlaceHolder1" Runat="Server">$0$0$0  <table style="text-align:center">$0$0        <tr>$0$0            <td align="center" valign="middle" class="Text12" style="width:185px">$0$0                &nbsp;$0$0            </td>$0$0            <td align="center" valign="middle" class="BorderPanel" style="width:200px">$0$0                &nbsp;<asp:ImageButton ID="imgColSel" ImageUrl="~/Images/Contract.gif"  runat="server" />&nbsp;$0$0                <asp:Label ID="lblColSelExpandContract" Text="Hide column selector panel" runat="server"></asp:Label>&nbsp;$0$0            </td>$0$0            <td align="center" valign="middle" class="BorderPanel" style="width:200px">$0$0                &nbsp;<asp:ImageButton ID="imgSearchSel" ImageUrl="~/Images/Expand.gif"  runat="server" />&nbsp;$0$0                <asp:Label ID="lblSearchSelExpandContract" Text="Show search selector panel" runat="server"></asp:Label>&nbsp;$0$0            </td>$0$0        </tr>$0$0    </table>$0$0        <asp:Panel ID="pnlColumnSelect" CssClass="BorderPanel" visible="true" runat="server">$0$0            <table>$0$0                <tr>$0$0                    <td>$0$0                        <asp:Label ID="lblColsSelect" runat="server" Text="Select columns: > > "></asp:Label>$0$0                        <asp:CheckBox ID="chkAll" Text="All columns" runat="server" />$0$0                        <asp:CheckBox ID="chkCompanyID" Text="CompanyID" runat="server" />$0$0                        <asp:CheckBox ID="chkCompanyName" Text="Company name" runat="server" />$0$0                        <asp:CheckBox ID="chkCityName" ToolTip="City name" Text="City name" runat="server" />$0$0                        <asp:CheckBox ID="chkCountryName" Text="Country name" runat="server" />$0$0                        <asp:CheckBox ID="chkCoTypeCodeName" Text="Company type" runat="server" />$0$0                    </td>$0$0                </tr>$0$0            </table>$0$0        </asp:Panel>$0$0$0<asp:Panel ID="pnlSearchSelect" CssClass="BorderPanel" visible="false" runat="server">$0$0            <table>$0$0                <tr>$0$0                    <td>$0$0                       <asp:Label ID="lblSearchCrit" runat="server" Text="Select search criteria and press 'Search': > > "></asp:Label>$0$0                            Company name like: <asp:TextBox ID="txtCompanyName" runat="server"></asp:TextBox>$0$0$0  City name:<telerik:RadComboBox ID="radcomboCountryID" runat="server" AllowCustomText="true" EnableLoadOnDemand="true" MarkFirstMatch="true" AutoPostBack="true" Skin="Office2007"></telerik:RadComboBox>$0$0                            Country name:<telerik:RadComboBox ID="radcomboCityID" runat="server" AllowCustomText="true" EnableLoadOnDemand="true" MarkFirstMatch="true" Skin="Office2007"></telerik:RadComboBox>$0$0                        <asp:Button ID="btnSearch" runat="server" Text="Search" />$0$0                    </td>$0$0                </tr>$0$0            </table>$0$0        </asp:Panel>$0$0        <asp:Panel $0$0            ID="pnlListGrid" $0$0            visible="true" $0$0            Width="750px" $0$0            Height="100%" $0$0            ScrollBars="Horizontal" $0$0            class="BorderlessPanel" $0$0            runat="server" $0$0            BorderStyle="None">$0$0           <telerik:RadGrid $0$0                ID="gvwCompanyList" $0$0                runat="server" $0$0                AllowPaging="True" $0$0                AllowSorting="True" $0$0                AutoGenerateDeleteColumn="True" $0$0                AutoGenerateEditColumn="True" $0$0                GridLines="None" $0$0                Height="600px"$0$0                BackColor="White" $0$0                Font-Names="Arial" $0$0                BorderStyle="None" $0$0                Skin="Office2007">$0$0                <MasterTableView $0$0                    CurrentResetPageIndexAction="SetPageIndexToFirst" $0$0                    CommandItemDisplay="None"><HeaderStyle Width="300px" />$0$0                     <RowIndicatorColumn $0$0                        CurrentFilterFunction="NoFilter" $0$0                        FilterListOptions="VaryByDataType" $0$0                        Visible="False">$0$0                    </RowIndicatorColumn>$0$0                    <AlternatingItemStyle BackColor="#F2F2F2" />$0$0                </MasterTableView>$0$0                <ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True">$0$0                    <Resizing AllowColumnResize="True" EnableRealTimeResize="True" ResizeGridOnColumnResize="True"></Resizing>$0$0                    <Scrolling AllowScroll="true" UseStaticHeaders="True" SaveScrollPosition="true" FrozenColumnsCount="2"/>$0$0                </ClientSettings>$0$0            </telerik:RadGrid>$0$0        </asp:Panel>$0$0 </asp:Content>$0$0$0$0$0$0$0$0Any help is appreciated?$0$0$0$0$0$0
0
jincy
Top achievements
Rank 1
answered on 08 Sep 2008, 12:25 PM
Hi,$0Can anyone tell me whether the above issue is solved or not?I am also having this same issue. I am using RadControls 'Prometheus' for ASPNET Q3 2007.Following is my html code.$0$0$0$0$0$0$0$0$0<%@ Page Language="VB" MasterPageFile="~/MasterPages/ABBmenuMaster.master" AutoEventWireup="false" CodeFile="CompanyList.aspx.vb" Inherits="AccessControlled_CommonFiles_ListPages_CompanyList" title="Company list" %>$0$0<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>$0$0<%@ Register Src="~/AccessControlled/CommonFiles/UserControls/CityCombo.ascx" TagName="CityCombo" TagPrefix="uc1" %>$0$0<%@ Register Src="~/AccessControlled/CommonFiles/UserControls/CountryCombo.ascx" TagName="CountryCombo" TagPrefix="uc2" %>$0$0$0$0$0<asp:Content ID="Content1" contentplaceholderid="ContentPlaceHolder1" Runat="Server">$0$0$0  <table style="text-align:center">$0$0        <tr>$0$0            <td align="center" valign="middle" class="Text12" style="width:185px">$0$0                &nbsp;$0$0            </td>$0$0            <td align="center" valign="middle" class="BorderPanel" style="width:200px">$0$0                &nbsp;<asp:ImageButton ID="imgColSel" ImageUrl="~/Images/Contract.gif"  runat="server" />&nbsp;$0$0                <asp:Label ID="lblColSelExpandContract" Text="Hide column selector panel" runat="server"></asp:Label>&nbsp;$0$0            </td>$0$0            <td align="center" valign="middle" class="BorderPanel" style="width:200px">$0$0                &nbsp;<asp:ImageButton ID="imgSearchSel" ImageUrl="~/Images/Expand.gif"  runat="server" />&nbsp;$0$0                <asp:Label ID="lblSearchSelExpandContract" Text="Show search selector panel" runat="server"></asp:Label>&nbsp;$0$0            </td>$0$0        </tr>$0$0    </table>$0$0        <asp:Panel ID="pnlColumnSelect" CssClass="BorderPanel" visible="true" runat="server">$0$0            <table>$0$0                <tr>$0$0                    <td>$0$0                        <asp:Label ID="lblColsSelect" runat="server" Text="Select columns: > > "></asp:Label>$0$0                        <asp:CheckBox ID="chkAll" Text="All columns" runat="server" />$0$0                        <asp:CheckBox ID="chkCompanyID" Text="CompanyID" runat="server" />$0$0                        <asp:CheckBox ID="chkCompanyName" Text="Company name" runat="server" />$0$0                        <asp:CheckBox ID="chkCityName" ToolTip="City name" Text="City name" runat="server" />$0$0                        <asp:CheckBox ID="chkCountryName" Text="Country name" runat="server" />$0$0                        <asp:CheckBox ID="chkCoTypeCodeName" Text="Company type" runat="server" />$0$0                    </td>$0$0                </tr>$0$0            </table>$0$0        </asp:Panel>$0$0$0<asp:Panel ID="pnlSearchSelect" CssClass="BorderPanel" visible="false" runat="server">$0$0            <table>$0$0                <tr>$0$0                    <td>$0$0                       <asp:Label ID="lblSearchCrit" runat="server" Text="Select search criteria and press 'Search': > > "></asp:Label>$0$0                            Company name like: <asp:TextBox ID="txtCompanyName" runat="server"></asp:TextBox>$0$0$0  City name:<telerik:RadComboBox ID="radcomboCountryID" runat="server" AllowCustomText="true" EnableLoadOnDemand="true" MarkFirstMatch="true" AutoPostBack="true" Skin="Office2007"></telerik:RadComboBox>$0$0                            Country name:<telerik:RadComboBox ID="radcomboCityID" runat="server" AllowCustomText="true" EnableLoadOnDemand="true" MarkFirstMatch="true" Skin="Office2007"></telerik:RadComboBox>$0$0                        <asp:Button ID="btnSearch" runat="server" Text="Search" />$0$0                    </td>$0$0                </tr>$0$0            </table>$0$0        </asp:Panel>$0$0        <asp:Panel $0$0            ID="pnlListGrid" $0$0            visible="true" $0$0            Width="750px" $0$0            Height="100%" $0$0            ScrollBars="Horizontal" $0$0            class="BorderlessPanel" $0$0            runat="server" $0$0            BorderStyle="None">$0$0           <telerik:RadGrid $0$0                ID="gvwCompanyList" $0$0                runat="server" $0$0                AllowPaging="True" $0$0                AllowSorting="True" $0$0                AutoGenerateDeleteColumn="True" $0$0                AutoGenerateEditColumn="True" $0$0                GridLines="None" $0$0                Height="600px"$0$0                BackColor="White" $0$0                Font-Names="Arial" $0$0                BorderStyle="None" $0$0                Skin="Office2007">$0$0                <MasterTableView $0$0                    CurrentResetPageIndexAction="SetPageIndexToFirst" $0$0                    CommandItemDisplay="None"><HeaderStyle Width="300px" />$0$0                     <RowIndicatorColumn $0$0                        CurrentFilterFunction="NoFilter" $0$0                        FilterListOptions="VaryByDataType" $0$0                        Visible="False">$0$0                    </RowIndicatorColumn>$0$0                    <AlternatingItemStyle BackColor="#F2F2F2" />$0$0                </MasterTableView>$0$0                <ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True">$0$0                    <Resizing AllowColumnResize="True" EnableRealTimeResize="True" ResizeGridOnColumnResize="True"></Resizing>$0$0                    <Scrolling AllowScroll="true" UseStaticHeaders="True" SaveScrollPosition="true" FrozenColumnsCount="2"/>$0$0                </ClientSettings>$0$0            </telerik:RadGrid>$0$0        </asp:Panel>$0$0 </asp:Content>$0$0$0$0$0$0$0$0Any help is appreciated?$0$0$0$0$0$0$0$0
0
Sebastian
Telerik team
answered on 08 Sep 2008, 12:32 PM
Hi jincy,

I tested the online demo under IE 7 and FireFox 3.x and the overall performance was smooth in both directions.

Do you use the latest version 2008.2.826 of RadControls for ASP.NET AJAX in your project? How many columns you have in your grid? In case you display more than 15-20 columns in it at once I suggest you hide some of them and show them on demand to speed up the client-side performance.

Best regards,
Stephen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Tags
Grid
Asked by
Jacky Chau
Top achievements
Rank 1
Answers by
Konstantin Petkov
Telerik team
jincy
Top achievements
Rank 1
Sebastian
Telerik team
Share this question
or