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

RadGrid Freeze when changed page size

3 Answers 46 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Sanji
Top achievements
Rank 1
Sanji asked on 23 Jan 2020, 04:51 AM

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

3 Answers, 1 is accepted

Sort by
0
Vessy
Telerik team
answered on 27 Jan 2020, 04:42 PM

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

Get quickly onboarded and successful with UI for ASP.NET AJAX with the Virtual Classroom technical trainings, available to all active customers. Learn More.
0
Sanji
Top achievements
Rank 1
answered on 30 Jan 2020, 04:29 AM

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>
0
Vessy
Telerik team
answered on 03 Feb 2020, 04:38 PM

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

Get quickly onboarded and successful with UI for ASP.NET AJAX with the Virtual Classroom technical trainings, available to all active customers. Learn More.
Tags
Grid
Asked by
Sanji
Top achievements
Rank 1
Answers by
Vessy
Telerik team
Sanji
Top achievements
Rank 1
Share this question
or