UpdatePanel + Control Visibility

[.NetDoubts]

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

[Bencho]

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

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();

}