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

[Solved] Height problem after first scroll

1 Answer 117 Views

Grid

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

Anders Bengtsson asked on 14 Mar 2008, 01:16 PM

I have Yahoo scrolling and after the first scroll the grids height changes for a second and then return to the right height. Next time I scroll the height is correct all the way.

This is the aspx

    
               <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">  
        
               <script type="text/javascript">  
        
                 function HandleGridViewScrolling(sender, e)  
        
                 {  
        
                   if(e.isOnBottom)  
        
                   {  
        
                     var currentlyDisplayedRecords = sender.get_masterTableView().get_pageSize() * (sender.get_masterTableView().get_currentPageIndex() + 1);  
        
                     if(currentlyDisplayedRecords < 200)  
        
                     {  
        
                       $find('RadAjaxManager1').AjaxRequest('LoadMoreRecords');  
        
                     }  
        
                   }  
        
                 }  
        
                </script> 
        
                </telerik:RadCodeBlock> 
        
                <div> 
        
                    <telerik:RadScriptManager ID="ScriptManager1" runat="server"></telerik:RadScriptManager> 
        
                    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">  
        
                        <AjaxSettings> 
        
                            <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">  
        
                                <UpdatedControls> 
        
                                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="LoadingPanel1" /> 
        
                                </UpdatedControls> 
        
                            </telerik:AjaxSetting> 
        
                        </AjaxSettings> 
        
                    </telerik:RadAjaxManager> 
        
                    <telerik:RadAjaxLoadingPanel ID="LoadingPanel1" CssClass="opto_loadingpanel" runat="server"></telerik:RadAjaxLoadingPanel> 
        
                    <telerik:RadSplitter ID="RadSplitter1" runat="server" FullScreenMode="true" Orientation="Horizontal" VisibleDuringInit="false">  
        
                        <telerik:RadPane ID="RadPane1" runat="server" Height="200px">  
        
                        </telerik:RadPane> 
        
                        <telerik:RadSplitBar ID="RadSplitBar1" runat="server" /> 
        
                        <telerik:RadPane ID="RadPane2" runat="server" Height="600px">  
        
                            <telerik:RadGrid ID="RadGrid1" PageSize="30" Height="100%" runat="server" OnNeedDataSource="OPTO_GridView1_NeedDataSource" 
        
                            GridLines="None" EnableAjax="false" EnableOutsideScripts="true" EnableAJAXLoadingTemplate="false" 
        
                            LoadingTemplateTransparency="20" AllowPaging="true" AllowSorting="True" AllowMultiRowSelection="true">  
        
                                <ClientSettings AllowKeyboardNavigation="false" EnablePostBackOnRowClick="true" ReorderColumnsOnClient="True" AllowColumnsReorder="True">  
        
                                    <Selecting AllowRowSelect="true" /> 
        
                                    <Scrolling AllowScroll="true" SaveScrollPosition="true" UseStaticHeaders="false" /> 
        
                                    <Resizing AllowColumnResize="true" ResizeGridOnColumnResize="true"   /> 
        
                                    <ClientEvents OnScroll="HandleGridViewScrolling" /> 
        
                                </ClientSettings> 
        
                                <PagerStyle Visible="false" /> 
        
                            </telerik:RadGrid> 
        
                        </telerik:RadPane> 
        
                    </telerik:RadSplitter> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

[Solved] Height problem after first scroll

1 Answer, 1 is accepted