I have a 2 button , 2 radio buttons 2 dropdowns. I have put every control in a separate update panel to restrict other control take part in
asychronous postback. so that my page will be more smooth.
But I hv a situation where i want to hide the buttons on selection of radio button. Since I have wrapped radio button in a update panel so it is not updateing button which are wrapped in other update panel. I tried by writing updatepanel1.update() in radio selection event but it was giving error .
Kindly suggest?
<fieldset>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" >
<ContentTemplate>
<label id="Label1" runat="server">Select Corporation <span class="mandatory">*</span></label>
<asp:DropDownList ID="ddl1" DataTextField="--Select Client--" runat="server" AutoPostBack="true" TabIndex="1" OnSelectedIndexChanged="ddl1_SelectedIndexChanged">
<asp:ListItem Text="--Select Invoice No --" Value="-1" />
</asp:DropDownList>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="ddl1" EventName="SelectedIndexChanged" />
</Triggers>
</asp:UpdatePanel>
<fieldset>
<asp:UpdatePanel ID="UpdatePanel2" runat="server" >
<ContentTemplate>
<label id="Label1" runat="server">Select Corporation <span class="mandatory">*</span></label>
<asp:DropDownList ID="ddl2" DataTextField="--Select Client--" runat="server" AutoPostBack="true" TabIndex="1" OnSelectedIndexChanged="ddl1_SelectedIndexChanged">
<asp:ListItem Text="--Select ponno --" Value="-1" />
</asp:DropDownList>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="ddl2" EventName="SelectedIndexChanged" />
</Triggers>
</asp:UpdatePanel>
</fieldset>
<fieldset>
<asp:UpdatePanel ID="UpdatePanel3" runat="server" >
<ContentTemplate>
<asp:Button ID="btnSave" CssClass="searchBtn" runat="server" Text="Save" TabIndex="5" OnClick="btnSave_Click" />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="btnSave" EventName="SelectedIndexChanged" />
</Triggers>
</asp:UpdatePanel>
</fieldset>
<fieldset>
<asp:UpdatePanel ID="UpdatePanel4" runat="server" >
<ContentTemplate>
<asp:Button ID="btnClear" CssClass="searchBtn" runat="server" Text="Clear" TabIndex="5" OnClick="btnClear_Click" />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="btnClear" EventName="SelectedIndexChanged" />
</Triggers>
</asp:UpdatePanel>
</fieldset>
<fieldset>
<asp:UpdatePanel ID="UpdatePanel5" runat="server" >
<ContentTemplate>
<label id="lbMode" runat="server">Select Mode</label>
<asp:RadioButtonList ID="rblSelection" runat="server" RepeatLayout="Flow"
CssClass ="srRadio" RepeatDirection="Horizontal" AutoPostBack="true" OnSelectedIndexChanged="rblSelection_SelectedIndexChanged">
<asp:ListItem Text="Single" Value="0" Selected="True"></asp:ListItem>
<asp:ListItem Text="Multiple" Value="1"></asp:ListItem>
</asp:RadioButtonList>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="rblSelection" EventName="SelectedIndexChanged" />
</Triggers>
</asp:UpdatePanel>
</fieldset>
protected void rblSelection_SelectedIndexChanged(object sender, EventArgs e)
{
if (rblSelection.SelectedItem.ToString() == "Single")
{
clearControls();
btnSave.Visible = true;
btnClear.Visible = false;
updatepanel3.update(); updatepanel4.update();
}
else
{
clearControls();
btnSave.Visible = false;
btnClear.Visible = true;
updatepanel3.update(); updatepanel4.update();
}
protected void btnSave_Click(object sender, EventArgs e)
{
//doing some stuff with drop downs
}
protected void btnClear_Click(object sender, EventArgs e)
{
clearcontrols();
}