[Solved] radGrid in UpdatePanel loses FrozenColumn horizontal scroll in Chrome?

[David]

Hi, I have a radGrid with GridTemplateColumns with following ClientSettigns settings.  The first time the UpdatePanel gets loaded the radGrid can scroll horizontally as expected.  However on the second refresh of the UpdatePanel, I lose the ability for the columns to scroll horizontally along with the rest of the data.  When scroll, the data moves side-to-side but the headers remain "fronzen".  Thanks, Dave.

<ClientSettings>

<Scrolling AllowScroll="True" UseStaticHeaders="true" SaveScrollPosition="true" FrozenColumnsCount="1"></Scrolling>

<ClientSettings>

[Pavlina]

Hello David,

Can you specify if the problem persist only when the grid is placed in UpdatePanel and under Chrome? Also if you use ItemStyle-Width property of the columns try to remove it and see if it makes any difference.

Greetings,
Pavlina
the Telerik team

[David]

Hi Pavlina,

Yes, while the radGrid is inside an UpdatePanel, the column names don't scroll along with the data if I trigger async updates (after the initial update,i.e say they change some search criteria and trigger the UpdatePanel again, that's when it breaks).  However, I found out when the column headers won't scroll, that if I page the radGrid (I'm using AllowCustomSorting="true"), all the column headers are then OK and I can can scroll left/right.

So somehow something isn't getting re-applied when an UpdatePanel AsyncPostbackTriggger is called (2nd update and beyond) but is getting applied during paging

A couple other things, if I pull the radGrid out of the UpdatePanel, it works everytime (in Chrome) and I'm not using ItemStyle-Width

NOTE. This also occurs while testing on Safari in an iPad but the columns *never* scroll with the data at all even if I page the results.

Thanks, Dave.

[Pavlina]

Hi Dave,

I suggest that you replace UpdatePanel with Telerik RadAjaxPanel and see if it makes any difference.

Regards,
Pavlina
the Telerik team

[David]

Hi Pavlina, Can you tell me what the radAjaxPanel does beyond the UpdatePanel?  Just curious about the benefits.  I'm doing most of my UpdatePanel updates using AsyncPostBackTrigger based on certain click events happening outside the panel.  At first glance, it wouldn't be as simple as swapping your control in since from what I gather, the radAjaxPanel doesn't have the triggers/asyncpostbacktrigger options.  Thanks, Dave.

Here's what I'm doing. The SearchResult is a usercontrol that contains the radGrid. In my server-side click, I rebind the grid that's within this control to refresh the contents.  I did this to keep my markup more manageable.

Javscript
---------
$("#<%=btnLoadSearchResult.ClientID %>").trigger('click');

ASPX
-----
<asp:UpdatePanel ID="upSearchResults" runat="server">
 <ContentTemplate>        
  <uc1:SearchResult ID="SearchResult1" runat="server" />
 </ContentTemplate>
 <Triggers>
  <asp:AsyncPostBackTrigger ControlID="btnLoadSearchResult" EventName="Click" />
 </Triggers>
</asp:UpdatePanel>
<asp:Button ID="btnLoadSearchResult" runat="server" style="display:none;" OnClick="btnLoadSearchResult_Click" />

[Pavlina]

Hello David,

At this point it will be best if you send us a runnable project where the issue can be reproduced. Thus we will be able to test it locally and advice you further.

I am looking forward for your reply.

Regards,
Pavlina
the Telerik team