UpdatePanel + Control Visibility

Hello All,
I have a updatepanel(AJAX) in my aspx page. This updatepanel has 2 dropdownlists, 2 textboxes and a button. Depending on the value selected in first dropdownlist I am toggling the visibility of other controls.

The problem is when first dropdown causes a postback and even though I set the visible=true for second dropdown, I donot find the corresponding html in view source. Because of this I cannot set focus to the second dropdownlist through javascript when the button is clicked.

When the button is clicked I use window.open to do some processing in another(child) page, in this page(child) after the processing, I set focus to the next visible control (in parent page) after the button. There is no postback for the button.

Any help will be appreciated.

Thank You

Faced the same problem ... seems when you toggle visibility of controls within an UpdatePanel, the server-side generated markup doesn't include said controls.

Scoured the net for a solution to no avail :eek:

Managed a work-around :

Contain the controls of which you wish to toggle the visible state within a <div id='xxxxxxx'> tag.

Markup:

<asp:UpdatePanel ID="myUpdatePanel" runat="server" >

<ContentTemplate>

<div id='myDiv'>

<asp:TextBox ID="myTextBox" runat="server"/>

</div>

</ContentTemplate>

</asp:UpdatePanel>

Code-Behind :

void Button_Click(object sender, EventArgs e)
{

ScriptManager.RegisterStartupScript(this, this.GetType(), "myScriptID", GetToggleVisibiltyScript(), true);

}

private string GetToggleVisibiltyScript()
{

StringBuilder script = new StringBuilder();

script.Append(String.Format("document.getElementById('myDiv').innerHTML = '<input type=\"text\" id=\"{0}\" />';", this.myTextBox.ClientID));

return script.ToString();

}