
I have a created a user control. This user control I dynamically load on a page inside Telerik Panelbar control. I have done all necessary coding to save the viewstate and load this dynamically created usercontrol every time page loads.
On this User control I have a asp panel. By default this panel is invisible. When user clicks a button on this user control panel is made visible. On page load of this user control I populate all the controls on this panel.
Everything works fine if I don’t load this use control dynamically but when I load this user control dynamically and if I make panel visible by default then only all fields on the panel are populated. But if I make by default invisible and on button click make panel visible none of the text boxes or comboboxes are populated.
I populate comboboxes on page load of the userControl but inbetween postbacks all the comboboxes on the user control loose data.
ON the parent page I am saving the viewstate
This is my code on parent page to dynamically load userControl ( which has panel on it)
Dim ucPiggyBank As SubscriberSetupPages_UserControls_PiggyBank = CType(LoadControl("~/SubscriberSetupPages/UserControls/PiggyBank.ascx"), SubscriberSetupPages_UserControls_PiggyBank)
With ucPiggyBank
.PiggyBankID = account.Id
.ID = account.Id.ToString
'Setting up following 3 properties here to avoid database trips
.PiggyBankEligibleAccounts = piggyBankEligibleAccountCollection
.MemorizedNames = memorizednames
.Period = period
End With
radPanelNewChild.Controls.Add(ucPiggyBank)
radPanelNew.Items.Add(radPanelNewChild)
radPanelNew.Expanded = True
‘this is the Panel item on parent page of Telerik Panelbar control.
Dim radPanelPiggyBank As RadPanelItem = DirectCast(pnlbarPiggyBank.FindItemByValue("TestItem"), RadPanelItem)
With radPanelPiggyBank
.Items.Add(radPanelNew)
.DataBind()
End With
‘I am doing everything for saving viewstate on parent control
This is the code on page load of userControl
If Not IsPostBack Then
If m_PiggyBankID <> Guid.Empty Then
'Load data
Call GetPiggyBankDetails()
End If
I have a edit button on the user control which makes panel visible. It makes panel visible but with no data.
Can you please tell me what’s happening?
Thanks in advance.
When I click on the control in chrome [or even the Select button] nothing happens. Both IE and FF will bring up the file selection window.
Telerik Version: 2013.1.417.40
Chrome Version: 26.0.1410.64 m
FF Version: 20.0.1
IE Version: 9.0.8112.16421 [update: 9.0.14]
I did work around the issue by referencing http://www.telerik.com/community/forums/aspnet-ajax/async-upload/multiple-file-upload-issues-chrome-ff.aspx#2100821 and it appears to be working now, but it feels like a work around. Any idea if/when there will be a fix?


<asp:UpdatePanel runat="server"> <ContentTemplate> <telerik:RadFilter runat="server" ID="RadFilter1" ShowApplyButton="False"> <FieldEditors> <telerik:RadFilterTextFieldEditor DisplayName="fee" FieldName="fee" TextBoxWidth="120" /> <telerik:RadFilterDateFieldEditor DataType="System.DateTime" DisplayName="foo" FieldName="foo" /> </FieldEditors> </telerik:RadFilter> </ContentTemplate></asp:UpdatePanel><telerik:RadAjaxManager ID="RadAjaxManager2" runat="server"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="RadGrid1"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="RadGrid1"></telerik:AjaxUpdatedControl> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings></telerik:RadAjaxManager><telerik:RadGrid ID="RadGrid1" OnSortCommand="RadGrid1_SortCommand" OnPageIndexChanged="RadGrid1_PageIndexChanged" Width="90%" Height="100px" OnPageSizeChanged="RadGrid1_PageSizeChanged" AllowSorting="True" PageSize="150" AllowPaging="True" AllowMultiRowSelection="True" runat="server" GridLines="None"> <MasterTableView Height="100px" Width="100%" Summary="RadGrid table"> </MasterTableView> <PagerStyle Mode="NextPrevAndNumeric"></PagerStyle></telerik:RadGrid>private void LoadData(){ if (Session["TripLog"] != null) { RadGrid1.DataSource = Session["TripLog"]; RadGrid1.DataBind(); }} <telerik:RadAjaxManager ID="raManager" runat="server"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="rgItems"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="rgItems" LoadingPanelID="rapItems" /> <telerik:AjaxUpdatedControl ControlID="rntbPage" /> <telerik:AjaxUpdatedControl ControlID="rntbOrderCode" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="rgOrder"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="rgOrder" LoadingPanelID="rapOrder" /> <telerik:AjaxUpdatedControl ControlID="rntbPage" /> <telerik:AjaxUpdatedControl ControlID="lblInfo" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager> ... <telerik:RadAjaxPanel id="rapItems" UpdateMode="Conditional" runat="server" > <!-- <ContentTemplate> --> <table border="0" cellpadding="1" cellspacing="1" style="width: 1015px" > <tr> <td> <asp:Label ID="lblTrace" runat="server" /> </td> <td> <table cellpadding="0" cellspacing="0"> <tr> <td> <telerik:RadNumericTextBox ID="rntbOrderCode" MinValue="1" MaxValue="99999" MaxLength="5" Font-Names="Verdana" Font-Size="X-Small" Height="12px" Width="54px" runat="server"> <NumberFormat DecimalDigits="0" GroupSeparator="" /> <ClientEvents OnKeyPress="OnKeyPress" /> </telerik:RadNumericTextBox> </td> <td> <telerik:RadButton ID="rbOrderCode" Text="Order Code" OnClick="rbOrderCode_Click" Skin="Hay" AccessKey="F" ToolTip="Alt + F" runat="server" > <Icon SecondaryIconCssClass="rbSearch" SecondaryIconRight="4" SecondaryIconTop="4" /> </telerik:RadButton> </td> </tr> </table> </td> <td> <table cellpadding="0" cellspacing="0"> <tr> <td> <telerik:RadNumericTextBox ID="rntbPage" MinValue="1" MaxValue="999" MaxLength="3" Font-Names="Verdana" Font-Size="X-Small" Height="12px" Width="54px" runat="server" > <NumberFormat DecimalDigits="0" GroupSeparator="" /> <ClientEvents OnKeyPress="OnKeyPress" /> </telerik:RadNumericTextBox> </td> <td> <telerik:RadButton ID="rbPage" Text="Page #" OnClick="rbPage_Click" Skin="Hay" AccessKey="P" ToolTip="Alt + P" runat="server"> <Icon SecondaryIconCssClass="rbSearch" SecondaryIconRight="4" SecondaryIconTop="4" /> </telerik:RadButton> </td> </tr> </table> </td>.... function ItemsRowSelected(sender, eventArgs) { var theGrid = sender.get_masterTableView(); var k = eventArgs.get_itemIndexHierarchical(); var row = theGrid.get_dataItems()[k]; var rntbPage = $find('<%= rntbPage.ClientID %>'); --- no longer works var rntbOrderCode = $find('<%= rntbOrderCode.ClientID %>'); -- no longer works... function OrdersRowSelected(sender, eventArgs) { var theGrid = sender.get_masterTableView(); var j = eventArgs.get_itemIndexHierarchical(); var rntbPage = $find('<%=rntbPage.ClientID %>'); -- this doesn't work either <telerik:RadGrid ID="rgItems" OnNeedDataSource="rgItems_NeedDataSource" OnItemDataBound="rgItems_ItemDataBound" Skin="Hay" width="1014px" runat="server" > <GroupingSettings CaseSensitive="false" /> <MasterTableView DataKeyNames="ItemID" AutoGenerateColumns="false" AllowSorting="true" AllowPaging="false" AllowFilteringByColumn="False" EditMode="InPlace" Width="99%" > <Columns> ...Code:
<telerik:RadTextBox ID="CIContactNameTxt" Runat="server" Width="550px"> <EnabledStyle Font-Size="Medium" /></telerik:RadTextBox>
When using IE10, the text in the control does not render fully until the box gets focus. I tested this on 3 different computers with IE10. It renders properly with IE9, Chrome & FireFox. Regular textboxes render properly as well. I've attached screen snippets as well. No CSS changes.
Thanks,
Mike