Hello,
I am using RadControls Q3 2007 in my .NET web application. On one of the pages I have 7 RadCombo boxes, 2 Grids, 10 text boxes and around 10 labels. On selection change of one of the combo boxes I make an ajax call (Rad Ajax) and populate rest of the controls. The page takes around 7 seconds to reload (IE 6 and 7 browser). I checked that the time taken for server side processing is less than a second. More then 6 seconds are taken by the browser to render the page. I checked this with FireFox 3.0.6 and it takes not more then 3 seconds.
I also noticed that even if I replace the ajax call back with full post back then also the page keeps on that long to load.
Can you please help me find the reason for this delay in IE and show me the way to solve it?
Thank you very much.
Best regards,
Abdul
| <%@ Page Language="C#" MasterPageFile="~/resources/masterPages/insideFB_Members.master" Theme="insideFB" AutoEventWireup="true" CodeFile="dashboard.aspx.cs" Inherits="dashboard" Title="Dashboard" %> |
| <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit"%> |
| <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> |
| <asp:Content ID="Content1" ContentPlaceHolderID="mainContent" Runat="Server"> |
| <div ID="pnlOpen" runat="server" class="modalPopup" style="display:none;"> |
| <div style="width:500px;" id="searchDIV"> |
| <div class="modalHeader" style="text-align:right;"> |
| <asp:LinkButton ID="closeSearch" runat="server" Text="Close Window" ForeColor="White"></asp:LinkButton> |
| |
| </div> |
| </div> |
| <div style="width:500px;" id="OpenDIV"> |
| <asp:CheckBoxList ID="cbxWebParts" runat="server"> |
| </asp:CheckBoxList> |
| <br /> |
| <asp:button runat="server" CssClass="button" id="ButtonAddDock" text="Add Dock" onclick="ButtonAddDock_Click" /> |
| </div> |
| </div> |
| <ajaxToolkit:ModalPopupExtender ID="selectModule_MPE" runat="server" |
| TargetControlID="imAdd" |
| PopupControlID="pnlOpen" |
| BackgroundCssClass="modalBackground" |
| CancelControlID="closeSearch" OkControlID="closeSearch" |
| /> |
| <asp:ImageButton ID="imAdd" runat="server" |
| ImageUrl="~/resources/styles/graphics/addItem.gif" /> |
| <asp:ImageButton ID="imReset" runat="server" Visible="false" |
| ImageUrl="~/resources/styles/graphics/resetToDefault.gif" /> |
| <br/> |
| <InsideFB:RadDockLayoutNew runat="server" id="RadDockLayout1" |
| onsavedocklayout="RadDockLayout1_SaveDockLayout" |
| onloaddocklayout="RadDockLayout1_LoadDockLayout"> |
| <InsideFB:RadDockZoneNew runat="server" id="RadDockZone1" SkinID="Office2007" width="445" MinHeight="200" style="float:left;margin-right:15px;background: #f5f4e8;"> |
| </InsideFB:RadDockZoneNew> |
| <InsideFB:RadDockZoneNew runat="server" id="RadDockZone2" SkinID="Office2007" width="445" MinHeight="200" style="background: #f5f4e8;float:left;"> |
| </InsideFB:RadDockZoneNew> |
| <div style="display:none"> |
| Hidden UpdatePanel, which is used to receive the new dock controls. |
| We will move them with script to the desired initial dock zone. |
| <asp:updatepanel runat="server" id="UpdatePanel1"> |
| <triggers> |
| <asp:asyncpostbacktrigger controlid="ButtonAddDock" eventname="Click" /> |
| </triggers> |
| </asp:updatepanel> |
| </div> |
| </InsideFB:RadDockLayoutNew> |
| </asp:Content> |
| <%@ Control Language="C#" AutoEventWireup="true" EnableViewState="true" CodeFile="Task.ascx.cs" Inherits="UserControls_Task" %> |
| <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit"%> |
| <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> |
| <script type="text/javascript"> |
| function PopupOpening(sender, args) { |
| Telerik.Web.UI.Calendar.Popup.zIndex = 110000; |
| } |
| </script> |
| <div class="sectionContent"> |
| <asp:UpdatePanel ID="taskUpdate" runat="server"> |
| <ContentTemplate> |
| <asp:Panel ID="addTaskPanel" runat="server"> |
| <table> |
| <tr> |
| <td> |
| <asp:TextBox ID="newTask_TB" runat="server" Width="150"></asp:TextBox> |
| </td> |
| <td> |
| <telerik:RadDateTimePicker ID="taskenddate_RDTP" Skin="Office2007" runat="server"> |
| <Calendar DayNameFormat="FirstLetter" |
| UseColumnHeadersAsSelectors="False" |
| UseRowHeadersAsSelectors="False"> |
| </Calendar> |
| <ClientEvents OnPopupOpening="PopupOpening" /> |
| </telerik:RadDateTimePicker> |
| </td> |
| <td style="padding-left:20px;"><asp:ImageButton ID="addTask_BTN" runat="server" OnClick="addTask_BTN_Click" ImageUrl="~/resources/styles/graphics/inlineInsert.gif" /></td> |
| </tr> |
| </table> |
| </asp:Panel> |
| <hr /> |
| <asp:GridView ID="tasksGrid" runat="server" AutoGenerateColumns="False" DataKeyNames="taskid" |
| DataSourceID="task_LDS" OnRowDataBound="tasksGrid_RowDataBound"> |
| <Columns> |
| <asp:TemplateField> |
| <ItemTemplate> |
| <asp:CheckBox ID="select_CB" runat="Server"/> |
| </ItemTemplate> |
| </asp:TemplateField> |
| <asp:BoundField DataField="taskid" HeaderText="taskid" |
| InsertVisible="False" ReadOnly="True" SortExpression="taskid" Visible="false" /> |
| <asp:BoundField DataField="taskdate" HeaderText="Date" DataFormatString="{0:d} {0:t}" |
| SortExpression="taskdate" /> |
| <asp:BoundField DataField="tasktext" HeaderText="Task" |
| SortExpression="tasktext" ItemStyle-Wrap="true" /> |
| </Columns> |
| <EmptyDataTemplate> |
| <div class="gridView_NoRecords"> |
| <p> |
| No active tasks. |
| </p> |
| </div> |
| </EmptyDataTemplate> |
| </asp:GridView> |
| </ContentTemplate> |
| <Triggers> |
| <asp:AsyncPostBackTrigger ControlID="addTask_BTN" EventName="Click" /> |
| </Triggers> |
| </asp:UpdatePanel> |
| <asp:LinqDataSource ID="task_LDS" runat="server" |
| ContextTypeName="insidefbDataContext" TableName="entitytasks" OnSelecting="task_LDS_Selecting"> |
| </asp:LinqDataSource> |
| <br /> |
| <asp:Button ID="DeleteTasks" runat="server" Text="Mark Complete" OnClick="DeleteTasks_Click" /> |
| </div> |
Hi
I have a simple RadGrid setup in automatic edit mode.
I coverted one of the columns to Template and editing on that column works OK.
When I replaced that textbox with a combo box populated from an SQL datasource,
and 2-way bound to the column, the EDIT link button does nothing when clicked, and
I get an error in Firefox error console:
Error: [Exception... "'Sys.WebForms.PageRequestManagerServerErrorException: Sys.WebForms.PageRequestManagerServerErrorException: Selection out of range
Parameter name: value' when calling method: [nsIDOMEventListener::handleEvent]" nsresult: "0x8057001c (NS_ERROR_XPC_JS_THREW_JS_OBJECT)" location: "<unknown>" data: no]
Does this shed any light?
Thanks for any help.
I am sure this worked once, but it doesn't now..
Clive
I have a page with a treeview and many other controls. When you click on a node in the treeview a section of the page is reloaded with a different control or in some cases the same control. The page has always worked in Firefox and IE prior to the 2009.1 527 build. Now it only works in IE. It appears that treeview events or something else with the RadControls are causing Firefox to work differently then before. When debugging the code it appears the controls are not reloaded in Firefox but are in IE.
I went back and used the order version (2009.1 402) which worked just fine… The real odd thing is I tried the latest internal build of 2009.1 609 and it worked too. However, I don’t see anything in the Release Notes about this type of a fix.
Let me know if there is something I can do with the 2009.1 527 versions to make it work instead of waiting for the next production build.

| function AddNewItem() { |
| var combo = $find("<%= RadComboBox2.ClientID %>"); |
| var intextput = document.getElementById("addmodule").value; |
| var comboItem = new Telerik.Web.UI.RadComboBoxItem(); |
| comboItem.set_text(intextput); |
| combo.trackChanges(); |
| combo.get_items().add(comboItem); |
| comboItem.select(); |
| combo.commitChanges(); |
| comboItem.scrollIntoView(); |
| document.getElementById('addmodule').style.display = 'none'; |
| document.getElementById('Additem').style.display = 'none'; |
| } |
| function AddNewItem() { |
| var combo = $find("RadComboBox1"); |
| var intextput = document.getElementById("addmodule").value; |
| var comboItem = new Telerik.Web.UI.RadComboBoxItem(); |
| comboItem.set_text(intextput); |
| combo.trackChanges(); |
| combo.get_items().add(comboItem); |
| comboItem.select(); |
| combo.commitChanges(); |
| comboItem.scrollIntoView(); |
| document.getElementById('addmodule').style.display = 'none'; |
| document.getElementById('Additem').style.display = 'none'; |
| } |