RadGrid Freeze when changed page size

[Sanji]

hi all,

i have some problem, i use radgrid but when i changed page size in 3 time, browser will freeze cannot operate scrolling using mouse or scroll bar, any have solution for this..?

 

Thanks & regards,

Sanji

[Vessy]

Hi Sanji,

Such behavior is usually faced when there is a JavaScript error thrown on the page. Can you please, check if there are no such errors when the problem occurs?

Also, in case you are using AJAX updates, please, disable the AJAX temporary and see if the behavior will be the same. You can see how to do it easily here:

https://www.telerik.com/support/kb/aspnet-ajax/ajaxmanager/details/get-more-descriptive-errors-by-disabling-ajax

 

Regards,
Vessy
Progress Telerik

[Sanji]

Hi Vessy,

thanks for reply, here my code. i using internet explorer 11

<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanelAFAPendingRequest" ShowLoadingPanelForPostBackControls="false" PostBackControls="lb2" LoadingPanelID="RadAjaxLoadingPanelAfaPendingRequest">
                    <telerik:RadGrid RenderMode="Lightweight" EnableLinqExpressions="false" PagerStyle-AlwaysVisible="true" ExportSettings-Excel-DefaultCellAlignment="Left" ID="RgData" runat="server" AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True" AllowMultiRowSelection="True" AutoGenerateColumns="False" OnPageIndexChanged="RgData_PageIndexChanged" OnPageSizeChanged="RgData_PageSizeChanged" OnPreRender="RgData_PreRender" OnNeedDataSource="RgData_NeedDataSource" OnItemCommand="RgData_ItemCommand" OnItemDataBound="RgData_ItemDataBound" OnItemCreated="RgData_ItemCreated" CellSpacing="-1" GridLines="Both" Skin="Web20">
                        <GroupingSettings CaseSensitive="false" />
                        <MasterTableView CommandItemDisplay="Top" Width="100%" AllowMultiColumnSorting="false" CssClass="BorderTable">
                            <CommandItemTemplate>
                                <table border="0" style="width: 100%;" class="rgCommandTable">
                                    <tr>
                                        <td align="left"></td>
                                        <td align="right">
                                            <asp:LinkButton ForeColor="White" ID="lb2" CommandName="ExportToExcel" runat="server"><img width="18" height="18" src="/Style Library/bower_components/Telerik/ExportToExcel.gif" width="18" height="18" /> Export Excel</asp:LinkButton>
                                             | <asp:Label ID="lblToggle" runat="server" Text="Filter Off" ClientIDMode="Static"></asp:Label>
                            <input type="checkbox" id="chkToggle" class="ace ace-switch ace-switch-6" runat="server" onchange="handleFIlterClick4(this);" />
                                            <span class="lbl middle"></span>
                                        </td>
                                    </tr>
                                </table>
                            </CommandItemTemplate>
                            <Columns>
                                <telerik:GridTemplateColumn UniqueName="TemplateColumn" HeaderText="No" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" ItemStyle-VerticalAlign="Top">
                                    <FilterTemplate>
                                        <asp:ImageButton ID="btnClearFilter" runat="server" ImageUrl="/Style Library/bower_components/Telerik/Delete.gif" AlternateText="Clear Filter"
                                            ToolTip="Clear Filter" OnClick="btnClearFilter_Click" Style="vertical-align: middle" />
                                    </FilterTemplate>
                                    <ItemTemplate>
                                        <asp:Label ID="numberLabel" runat="server" />
                                    </ItemTemplate>
                                    <HeaderStyle Width="2%" />
                                </telerik:GridTemplateColumn>
                                <telerik:GridBoundColumn AutoPostBackOnFilter="true" ItemStyle-VerticalAlign="Top" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" UniqueName="TransactionType" FilterControlWidth="100%" DataField="TransactionType" HeaderText="Transaction Type" CurrentFilterFunction="Contains" ShowFilterIcon="false" HeaderButtonType="TextButton">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn AutoPostBackOnFilter="true" ItemStyle-VerticalAlign="Top" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" UniqueName="AFANumber" Display="false" FilterControlWidth="100%" DataField="AFANumber" HeaderText="AFA Number" CurrentFilterFunction="Contains" ShowFilterIcon="false" HeaderButtonType="TextButton">
                                </telerik:GridBoundColumn>
                                <telerik:GridTemplateColumn AutoPostBackOnFilter="true" ItemStyle-VerticalAlign="Top" SortExpression="AFANumber" AllowFiltering="true" AllowSorting="true" DataType="System.String" DataField="AFANumber" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" UniqueName="AFANumberLink" FilterControlWidth="100%" HeaderText="AFA Number" CurrentFilterFunction="Contains" ShowFilterIcon="false" HeaderButtonType="TextButton">
                                    <ItemTemplate>
                                        <asp:LinkButton ID="afaLink" runat="server"></asp:LinkButton>
                                    </ItemTemplate>
                                </telerik:GridTemplateColumn>
                                <telerik:GridDateTimeColumn AutoPostBackOnFilter="true" ItemStyle-VerticalAlign="Top" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" UniqueName="SubmittedDate" FilterControlWidth="100%" DataField="SubmittedDate" DataFormatString="{0:dd MMM yyyy}" HeaderText="Submitted Date" PickerType="DatePicker" EnableTimeIndependentFiltering="true" CurrentFilterFunction="EqualTo" FilterDelay="2000" ShowFilterIcon="false" HeaderButtonType="TextButton">
                                    <HeaderStyle Width="10%" />
                                </telerik:GridDateTimeColumn>
                                <telerik:GridBoundColumn AutoPostBackOnFilter="true" ItemStyle-VerticalAlign="Top" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" UniqueName="AFAType" FilterControlWidth="100%" DataField="AFAType" HeaderText="AFA Type" CurrentFilterFunction="Contains" ShowFilterIcon="false" HeaderButtonType="TextButton">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn AutoPostBackOnFilter="true" ItemStyle-VerticalAlign="Top" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" UniqueName="Description" FilterControlWidth="100%" DataField="Description" HeaderText="Description/Subject" CurrentFilterFunction="Contains" ShowFilterIcon="false" HeaderButtonType="TextButton">
                                    <HeaderStyle Width="20%" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn AutoPostBackOnFilter="true" ItemStyle-VerticalAlign="Top" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" UniqueName="Subject" Display="false" FilterControlWidth="100%" DataField="SUBJECT_OF_ISSUE" HeaderText="Description/Subject" CurrentFilterFunction="Contains" ShowFilterIcon="false" HeaderButtonType="TextButton">
                                </telerik:GridBoundColumn>
                                <telerik:GridNumericColumn AutoPostBackOnFilter="true" ItemStyle-VerticalAlign="Top" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" UniqueName="Amount" FilterControlWidth="100%" DataField="Amount" HeaderText="Amount" ShowFilterIcon="false" HeaderButtonType="TextButton" DataType="System.Decimal" AllowRounding="false" DataFormatString="{0:IDR #,##0.00}">
                                </telerik:GridNumericColumn>
                                <telerik:GridBoundColumn AutoPostBackOnFilter="true" ItemStyle-VerticalAlign="Top" Display="false" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" UniqueName="ApprovalStatus" FilterControlWidth="100%" DataField="ApprovalStatus" HeaderText="Approval Status" CurrentFilterFunction="Contains" ShowFilterIcon="false" HeaderButtonType="TextButton">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn AutoPostBackOnFilter="true" ItemStyle-VerticalAlign="Top" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" UniqueName="statusApproval" FilterControlWidth="100%" DataField="statusApproval" HeaderText="Approval Status" CurrentFilterFunction="Contains" ShowFilterIcon="false" HeaderButtonType="TextButton">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn AutoPostBackOnFilter="true" ItemStyle-VerticalAlign="Top" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" UniqueName="ApprovalStatusOn" FilterControlWidth="100%" DataField="ApprovalStatusOn" HeaderText="Approval On" CurrentFilterFunction="Contains" ShowFilterIcon="false" HeaderButtonType="TextButton">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn AutoPostBackOnFilter="true" ItemStyle-VerticalAlign="Top" HeaderStyle-HorizontalAlign="Left" Display="false" ItemStyle-HorizontalAlign="Left" UniqueName="Preparer" FilterControlWidth="100%" DataField="Preparer" HeaderText="Preparer" CurrentFilterFunction="Contains" ShowFilterIcon="false" HeaderButtonType="TextButton">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn AutoPostBackOnFilter="true" ItemStyle-VerticalAlign="Top" HeaderStyle-HorizontalAlign="Left" Display="false" ItemStyle-HorizontalAlign="Left" UniqueName="CostCenterCode" FilterControlWidth="100%" DataField="CostCenterCode" HeaderText="Cost Center Code" CurrentFilterFunction="Contains" ShowFilterIcon="false" HeaderButtonType="TextButton">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn AutoPostBackOnFilter="true" ItemStyle-VerticalAlign="Top" HeaderStyle-HorizontalAlign="Left" Display="false" ItemStyle-HorizontalAlign="Left" UniqueName="CostCenterName" FilterControlWidth="100%" DataField="CostCenterName" HeaderText="Cost Center Name" CurrentFilterFunction="Contains" ShowFilterIcon="false" HeaderButtonType="TextButton">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn AutoPostBackOnFilter="true" ItemStyle-VerticalAlign="Top" HeaderStyle-HorizontalAlign="Left" Display="false" ItemStyle-HorizontalAlign="Left" UniqueName="Company" FilterControlWidth="100%" DataField="Company" HeaderText="Company" CurrentFilterFunction="Contains" ShowFilterIcon="false" HeaderButtonType="TextButton">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn AutoPostBackOnFilter="true" ItemStyle-VerticalAlign="Top" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" UniqueName="TaskId" FilterControlWidth="90px" Display="false" DataField="TaskId" HeaderText="TaskId" CurrentFilterFunction="Contains" ShowFilterIcon="false" HeaderButtonType="TextButton">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn AutoPostBackOnFilter="true" ItemStyle-VerticalAlign="Top" UniqueName="TR_AFAHEADERID" FilterControlWidth="90px" Display="false" DataField="TR_AFAHEADERID" HeaderText="TR_AFAHEADERID" CurrentFilterFunction="Contains" ShowFilterIcon="false" HeaderButtonType="TextButton">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn AutoPostBackOnFilter="true" ItemStyle-VerticalAlign="Top" UniqueName="IS_WORKFLOW_STARTING" FilterControlWidth="90px" Display="false" DataField="IS_WORKFLOW_STARTING" HeaderText="IS_WORKFLOW_STARTING" CurrentFilterFunction="Contains" ShowFilterIcon="false" HeaderButtonType="TextButton">
                                </telerik:GridBoundColumn>
                            </Columns>
                        </MasterTableView>
                        <GroupingSettings CaseSensitive="false" />
                        <ClientSettings Selecting-AllowRowSelect="false" EnablePostBackOnRowClick="false" EnableRowHoverStyle="false"></ClientSettings>
                        <HeaderStyle HorizontalAlign="Center" />
                        <FilterMenu RenderMode="Lightweight"></FilterMenu>
                        <HeaderContextMenu RenderMode="Lightweight"></HeaderContextMenu>
                    </telerik:RadGrid>
                    <asp:Button ID="btnFilter" runat="server" Style="display: none;" Text="button" class="btn btn-success" CausesValidation="false" OnClick="chkToggleFilter_CheckedChanged" />
                </telerik:RadAjaxPanel>
                <telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanelAfaPendingRequest" Skin="Default"></telerik:RadAjaxLoadingPanel>

[Vessy]

Hi Sanji,

I tested the provided setup but the browser does not freeze at my end after changing the page size in IE 11. For convenience, I am attaching my test page to this reply - are you facing the same behavior with it? If no, can you modify it up to a point where the issue occurs and send it back for a further investigation?

Regards,
Vessy
Progress Telerik