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

RadComboBox Disabled After Postback

13 Answers 458 Views

ComboBox

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

Adam asked on 16 Oct 2012, 03:56 PM

I have tried searching for this problem, so if this is a re-post please link to the original.

I have two RadComboBoxes inside a RadAjaxPanel (the latter is actually in a MasterPage), along with a regular ASP.NET Button control. When I click the button, I go through some simple validation to see if the user selected an item in each RadComboBox. If not, I make a <div> element visible with an error message, and exit the subroutine.

This works fine. However, after the button click and error message is displayed, the RadComboBox controls are disabled. They don't look grayed out, but clicking the drop down arrow does nothing, and mousing over the controls doesn't produce the normal "highlight" effect that shows when controls are active.

Regular ASP.NET DropDownLists do not produce this behavior. I'd really like to use the RadComboBox because I want the checkbox feature of it, but if I can't get this figured out in a couple hours I'll have to switch to ListBox controls.

Any idea what's wrong here?

Thank you,

Adam

13 Answers, 1 is accepted

answered on 28 Mar 2013, 04:46 PM

I'm experiencing the same issue, and here is the code I currently have:

<%--<telerik:RadAjaxLoadingPanel ID="ralpWhite" runat="server" BackColor="White" Transparency="50" Width="110%" />--%>

<telerik:RadAjaxPanel runat="server" LoadingPanelID="ralpWhite" RenderMode="Inline" RestoreOriginalRenderDelegate="true">

<div class="formSection">

<h2 class="internshipHeading">Agency Info</h2>

<asp:Table ID="tAgency" runat="server" CssClass="infoTable">

<asp:TableRow>

<asp:TableCell CssClass="label">International:</asp:TableCell>

<asp:TableCell>

<asp:CheckBox ID="cbInternational" runat="server" AutoPostBack="true" CausesValidation="false" Checked='<%# Bind("AFormIsInternational") %>' OnCheckedChanged="cbInternational_CheckedChanged" />

</asp:TableCell>

</asp:TableRow>

<asp:TableRow>

<asp:TableCell CssClass="label">Agency:</asp:TableCell>

<asp:TableCell>

<telerik:RadComboBox runat="server" ID="rcbAgency" AutoPostBack="true" AppendDataBoundItems="true" CausesValidation="false" EmptyMessage="Select an agency"

DataSourceID="ldsAgencies" DataTextField="AgencyName" DataValueField="AgencyID" OnSelectedIndexChanged="rcbAgency_SelectedIndexChanged">

<Items>

<telerik:RadComboBoxItem Text="New Agency" Value="0" CssClass="rcbiNewAgency" />

</Items>

</telerik:RadComboBox>

</asp:TableCell>

<asp:TableCell>

<asp:RequiredFieldValidator runat="server" ControlToValidate="rcbAgency" Display="Dynamic" ForeColor="Red" ErrorMessage="Select an agency!" />

</asp:TableCell>

</asp:TableRow>

<asp:TableRow ID="trAgencyName" runat="server" Visible="false">

<asp:TableCell CssClass="label">Agency Name:</asp:TableCell>

<asp:TableCell>

<telerik:RadTextBox runat="server" ID="txtAgencyName" MaxLength="100" Width="400px" />

</asp:TableCell>

<asp:TableCell>

<asp:RequiredFieldValidator runat="server" ControlToValidate="txtAgencyName" Display="Dynamic" ForeColor="Red" ErrorMessage="Enter an agency name!" />

</asp:TableCell>

</asp:TableRow>

<asp:TableRow ID="trAgencyWebsite" runat="server" Visible="false">

<asp:TableCell CssClass="label">Agency Website:</asp:TableCell>

<asp:TableCell><telerik:RadTextBox runat="server" ID="txtAgencyWebsite" MaxLength="250" Width="400px" /></asp:TableCell>

<asp:TableCell>

<asp:RequiredFieldValidator runat="server" ControlToValidate="txtAgencyWebsite" Display="Dynamic" ForeColor="Red" ErrorMessage="Enter a website!" />

<asp:RegularExpressionValidator runat="server" ControlToValidate="txtAgencyWebsite" Display="Dynamic" ForeColor="Red" ErrorMessage="Enter a website!" ValidationExpression="^[A-Za-z0-9.-]+\.[A-Za-z]{3}$" />

</asp:TableCell>

</asp:TableRow>

<asp:TableRow ID="trAgencyAddress" runat="server" Visible="false">

<asp:TableCell CssClass="label">Agency Address:</asp:TableCell>

<asp:TableCell><telerik:RadTextBox runat="server" ID="txtAgencyAddress" MaxLength="75" /></asp:TableCell>

<asp:TableCell><asp:RequiredFieldValidator runat="server" ControlToValidate="txtAgencyAddress" Display="Dynamic" ForeColor="Red" ErrorMessage="Enter a city!" /></asp:TableCell>

</asp:TableRow>

<asp:TableRow ID="trAgencyCity" runat="server" Visible="false">

<asp:TableCell CssClass="label">Agency City:</asp:TableCell>

<asp:TableCell><telerik:RadTextBox runat="server" ID="txtAgencyCity" MaxLength="75" /></asp:TableCell>

<asp:TableCell><asp:RequiredFieldValidator runat="server" ControlToValidate="txtAgencyCity" Display="Dynamic" ForeColor="Red" ErrorMessage="Enter a city!" /></asp:TableCell>

</asp:TableRow>

<asp:TableRow ID="trAgencyState" runat="server" Visible="false">

<asp:TableCell CssClass="label"><asp:Label runat="server" ID="lblState" Text="Agency State:" /><asp:Label runat="server" ID="lblCountry" Text="Agency Country:" Visible="false" /></asp:TableCell>

<asp:TableCell><telerik:RadTextBox runat="server" ID="txtAgencyState" MaxLength="75" /></asp:TableCell>

<asp:TableCell><asp:RequiredFieldValidator runat="server" ControlToValidate="txtAgencyState" Display="Dynamic" ForeColor="Red" ErrorMessage="Enter a state!" /></asp:TableCell>

</asp:TableRow>

</asp:Table>

</div>

</telerik:RadAjaxPanel>

I'd also like to note that I can't get the loading panel to work. It fires once at best.

Here's the relevant code-behind:

protected void cbInternational_CheckedChanged(object sender, EventArgs e)

{

CheckBox box = sender as CheckBox;

dvEdit.FindControl("lblState").Visible = !box.Checked;

dvEdit.FindControl("lblCountry").Visible = box.Checked;

}

protected void rcbAgency_SelectedIndexChanged(object sender, RadComboBoxSelectedIndexChangedEventArgs e)

{

dvEdit.FindControl("trAgencyName").Visible =

dvEdit.FindControl("trAgencyWebsite").Visible =

dvEdit.FindControl("trAgencyAddress").Visible =

dvEdit.FindControl("trAgencyCity").Visible =

dvEdit.FindControl("trAgencyState").Visible = e.Text == "New Agency";

}

Any help would be appreciated. Thanks.

answered on 02 Apr 2013, 03:50 PM

I'm using 2012 Q3. The issue is identical in all browsers (IE, Chrome, Firefox). The RadComboBox inside the RadAjaxPanel fires the server-side OnSelectedIndexChanged event in order to check when the New Agency option is selected and display more fields (also within the RadAjaxPanel) for the user to tell us about the new agency. Also inside the RadAjaxPanel is an asp:Checkbox that toggles the visibility of two labels in the RadAjaxPanel server-side. The second postback from either control suddenly turns on the readonly property for all RadComboBoxes on the whole page. The other RadComboBoxes do not have the same effect.