| <asp:ScriptManager ID="ScriptManager1" runat="server" /> |
| <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1"> |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="btnGetSites"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="cboSite" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| <telerik:AjaxSetting AjaxControlID="btnGetLocations"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="cboLocation" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:RadAjaxManager> |
| <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Transparency="30" |
| BackColor="#E0E0E0" InitialDelayTime="500" > |
| <asp:Image ID="Image1" runat="server" /> |
| </telerik:RadAjaxLoadingPanel> |
| <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingCombos" runat="server" Transparency="30" |
| BackColor="#E0E0E0" InitialDelayTime="500"> |
| <asp:Image ID="Image2" runat="server"/> |
| </telerik:RadAjaxLoadingPanel> |
| <div> |
| <asp:UpdatePanel ID="UpdatePanel1" runat="server"> |
| <ContentTemplate> |
| <table border="0" cellpadding="0" cellspacing="0" style="width: 190px; overflow: scroll;" enableviewstate="true" id="TABLE1"> |
| <tr> |
| <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; |
| border-bottom: #000000 1px solid"> |
| <asp:Label ID="lblHeader" runat="server" Style="font-weight: bold; font-size: 10pt; |
| color: #a276b6; font-family: tahoma" Text="Filter Details"></asp:Label></td> |
| </tr> |
| <tr> |
| <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px"> |
| <asp:Label ID="lblAccount" runat="server" Style="font-size: 8pt; font-family: tahoma; color: #a276b6;" |
| Text="Account:" Font-Bold="True"></asp:Label> |
| </td> |
| </tr> |
| <tr> |
| <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px"> |
| <telerik:RadComboBox ID="cboAccount" runat="server" Skin="Default" ZIndex="25000" EnableItemCaching="True" Width="190px" style="overflow: hidden" Height="250px" DropDownWidth="350px" AutoPostBack="True"> |
| <ItemTemplate> |
| <div> |
| <telerik:RadTreeView ID="trvAccount" runat="server" CheckBoxes="True" OnClientNodeChecked="onClientNodeChecked" Height="200px"> |
| <Nodes> |
| <telerik:RadTreeNode runat="server" Text="Select All"> |
| </telerik:RadTreeNode> |
| </Nodes> |
| </telerik:RadTreeView> |
| </div> |
| <table border="0" cellpadding="0" cellspacing="0" style="width: 100%"> |
| <tr> |
| <td style="text-align: center"> |
| <asp:Button ID="btnGetSites" runat="server" Text="Submit" OnClick="btnGetSites_Click" UseSubmitBehavior="False" /></td> |
| </tr> |
| </table> |
| </ItemTemplate> |
| </telerik:RadComboBox> |
| </td> |
| </tr> |
| <tr> |
| <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px"> |
| <asp:Label ID="lblSite" runat="server" Style="font-size: 8pt; font-family: tahoma; color: #a276b6;" |
| Text="Site:" Font-Bold="True"></asp:Label></td> |
| </tr> |
| <tr> |
| <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px"> |
| <telerik:RadComboBox ID="cboSite" runat="server" Skin="Default" AutoPostBack="True" OnClientNodeChecked="onClientNodeChecked" OnSelectedIndexChanged="cboSite_SelectedIndexChanged" Width="190px" Height="250px" DropDownWidth="350px"> |
| <ItemTemplate> |
| <telerik:RadTreeView ID="trvSite" runat="server" OnClientNodeChecked="onClientNodeChecked" OnClientNodeClicking="nodeSiteClicking" CheckBoxes="True" Height="200px"> |
| </telerik:RadTreeView><table border="0" cellpadding="0" cellspacing="0" style="width: 100%"> |
| <tr> |
| <td style="text-align: center"> |
| <asp:Button ID="btnGetLocations" runat="server" Text="Submit" OnClick="btnGetLocations_Click" /></td> |
| </tr> |
| </table> |
| </ItemTemplate> |
| </telerik:RadComboBox> |
| </td> |
| </tr> |
| <tr> |
| <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px"> |
| <asp:Label ID="lblLocation" runat="server" Style="font-size: 8pt; font-family: tahoma; color: #a276b6;" |
| Text="Location:" Font-Bold="True"></asp:Label></td> |
| </tr> |
| <tr> |
| <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px"> |
| <telerik:RadComboBox ID="cboLocation" runat="server" Skin="Default" Width="190px" Height="250px" DropDownWidth="350px"> |
| <ItemTemplate> |
| <div id="div3"> |
| <telerik:RadTreeView ID="trvLocation" runat="server" OnClientNodeChecked="onClientNodeChecked" OnClientNodeClicking="nodeLocationClicking" CheckBoxes="True" Height="200px"> |
| </telerik:RadTreeView><table border="0" cellpadding="0" cellspacing="0" style="width: 100%"> |
| <tr> |
| <td style="text-align: center"> |
| <asp:Button ID="btnSubmitLocation" runat="server" Text="Submit" OnClick="btnSubmitLocation_Click" /></td> |
| </tr> |
| </table> |
| </div> |
| </ItemTemplate> |
| </telerik:RadComboBox> |
| </td> |
| </tr> |
| <tr> |
| <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px"> |
| <asp:Label ID="lblAudit" runat="server" Style="font-size: 8pt; font-family: tahoma; color: #a276b6;" |
| Text="Audit:" Font-Bold="True"></asp:Label></td> |
| </tr> |
| <tr> |
| <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px"> |
| <telerik:RadComboBox ID="cboAudit" runat="server" Skin="Default" Width="190px" DropDownWidth="350px" Height="250px"> |
| <ItemTemplate> |
| <div id="div4"> |
| <telerik:RadTreeView ID="trvAudits" runat="server" OnClientNodeChecked="onClientNodeChecked" OnClientNodeClicking="nodeAuditClicking" CheckBoxes="True" Height="200px"> |
| </telerik:RadTreeView><table border="0" cellpadding="0" cellspacing="0" style="width: 100%"> |
| <tr> |
| <td style="text-align: center"> |
| <asp:Button ID="btnSubmitAudits" runat="server" Text="Submit" OnClick="btnSubmitAudits_Click" /></td> |
| </tr> |
| </table> |
| </div> |
| </ItemTemplate> |
| </telerik:RadComboBox> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <table border="0" cellpadding="0" cellspacing="0" style="width: 100%"> |
| <tr> |
| <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px"> |
| <asp:Label ID="lblDates" runat="server" Style="font-weight: bold; font-size: 8pt; |
| font-family: tahoma; color: #a276b6;" Text="Dates:"></asp:Label></td> |
| </tr> |
| <tr> |
| <td colspan="1" style="padding-right: 10px; padding-left: 10px; padding-bottom: 5px; |
| padding-top: 5px"> |
| <asp:RadioButtonList ID="rbtnRange" runat="server" AutoPostBack="True" RepeatDirection="Horizontal" style="font-size: 8pt" OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged"> |
| <asp:ListItem Selected="True">All</asp:ListItem> |
| <asp:ListItem>Dates</asp:ListItem> |
| </asp:RadioButtonList></td> |
| </tr> |
| <tr> |
| <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px"> |
| <asp:Label ID="lblDateFrom" runat="server" Style="font-size: 8pt; font-family: tahoma; color: #a276b6;" |
| Text="Date From:" Font-Bold="True"></asp:Label></td> |
| </tr> |
| <tr> |
| <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px"> |
| <telerik:RadDatePicker ID="calFrom" runat="server" Enabled="False" Skin="Default" Width="190px"> |
| <DatePopupButton HoverImageUrl="" ImageUrl="" CssClass="rcCalPopup rcDisabled" /> |
| <Calendar UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" |
| ViewSelectorText="x"> |
| </Calendar> |
| <DateInput DateFormat="dd/MM/yyyy"> |
| </DateInput> |
| </telerik:RadDatePicker> |
| </td> |
| </tr> |
| </table> |
| </td> |
| </tr> |
| <tr> |
| <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px"> |
| <asp:Label ID="Label2" runat="server" Style="font-size: 8pt; font-family: tahoma; color: #a276b6;" |
| Text="Date To:" Font-Bold="True"></asp:Label></td> |
| </tr> |
| <tr> |
| <td style="padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px"> |
| <telerik:RadDatePicker ID="calTo" runat="server" Enabled="False" Skin="Default" Width="190px"> |
| <DatePopupButton HoverImageUrl="" ImageUrl="" CssClass="rcCalPopup rcDisabled" /> |
| <Calendar UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" |
| ViewSelectorText="x"> |
| </Calendar> |
| <DateInput DateFormat="dd/MM/yyyy"> |
| </DateInput> |
| </telerik:RadDatePicker> |
| </td> |
| </tr> |
| <tr> |
| <td style="padding-right: 20px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; |
| text-align: center"> |
| </td> |
| </tr> |
| </table> |
| </ContentTemplate> |
| </asp:UpdatePanel> |
| </div> |
I hope there is a way to fix this easily.
Morten
| <AdvancedEditTemplate> |
| <scheduler:AdvancedEditForm runat="server" ID="AdvancedEditForm1" Subject='<%# Bind("Subject") %>' |
| Start='<%# Bind("Start") %>' End='<%# Bind("End") %>' RecurrenceRuleText='<%# Bind("RecurrenceRule") %>' |
| /> |
| </AdvancedEditTemplate> |
| Dim myForm As AdvancedEditForm = Me.RadScheduler1.TemplateControl.FindControl("AdvancedEditForm1") |

We have an Asp.Net 3.5 application that is set up using a master page with user controls being added to it as the content. Page requests come from an Asp.net 1.1 application that renders the reponse into an iframe within the 1.1 application. Essentially a 1.1 app displaying 3.5 pages within it. One of these pages has a series of RadComboBoxs in it. One combo box has about 370 items in it when fully populated – we retrieve the items on demand using GetRequestedItems.
Ascx page
<telerik:RadComboBox ID="cmbProductFamily" runat="server" AutoPostBack="True"
CollapseAnimation-Duration="1" CollapseDelay="0"
EnableLoadOnDemand="True" ExpandDelay="0"
ItemRequestTimeout="1000" MaxHeight="400px"
onitemsrequested="cmbProductFamily_ItemsRequested"
OnSelectedIndexChanged="cmbProductFamily_SelectedIndexChanged"
ShowMoreResultsBox="True" Skin="Outlook"
Visible="False" Width="250px">
<ExpandAnimation Duration="0" />
<CollapseAnimation Duration="0" />
</telerik:RadComboBox>
Code behind
protected void cmbProductFamily_ItemsRequested(object o, RadComboBoxItemsRequestedEventArgs e)
{
try
{
cmbProductFamily.Items.Clear();
tbl_ProductVersion[] Prods = GetProductFamilyByEnteredText(e.Text);
int itemsPerRequest = 50;
int itemOffset = e.NumberOfItems;
int endOffset = itemOffset + itemsPerRequest;
if (endOffset > Prods.Length)
{
endOffset = Prods.Length;
}
for (int i = itemOffset; i < endOffset; i++)
{
RadComboBoxItem item = new RadComboBoxItem(Prods[i].UpgradeFamily, Prods[i].lopfamid.ToString());
item.ToolTip = Prods[i].UpgradeFamily;
cmbProductFamily.Items.Add(item);
}
if (Prods.Length > 0)
{
e.Message = String.Format("Items <b>1</b>-<b>{0}</b> out of <b>{1}</b>", endOffset.ToString(), Prods.Length.ToString());
}
else
{
e.Message = "No matches";
}
}
catch
{
e.Message = "No matches";
}
}
We can run the app on its own (a 3.5 app) and the radcombobox behaves nicely. However, when the page is rendered through the iframe in the asp.net 1.1 app it flickers badly when there is more that about 30 items in the list – you can see the hour glass flickering. At this point it will be slow to respond to selections , scrolling or adding more items using the ShowMoreResultsBox click. But like I say this does not happen when running stand alone in the 3.5 application context – everything works nicely there. I have tried various other settings like enableItemCaching, ShowWhileLoading = false. I have also databound the radcombo to the results set from the query (static items as opposed to load on demand) and still it behaves poorly in the 1.1 iframe context. I also tried just using a standard updatepanel around the control but to no avail.
Any ideas on what may be hindering the performance would be appreciated.
I am using version RadControls_for_ASP.NET_AJAX_2009_1_311_trial.exe.
| <telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="0"> |
| <Tabs> |
| <telerik:RadTab Text="test" NavigateUrl="test.html"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="test" NavigateUrl="test.html"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="test" NavigateUrl="test.html"> |
| </telerik:RadTab> |
| <telerik:RadTab IsSeparator="true" Width="200px"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="test" NavigateUrl="test.html"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="test" NavigateUrl="test.html"> |
| </telerik:RadTab> |
| </Tabs> |
| </telerik:RadTabStrip> |