hi,
I have a web page containing 2 user controls UC1 and UC2 respectively.
UC1 contains an update panel. Inside this update panel is a drop down control.
Issue: When i change the value of drop down which is in UC1, the page is posted back along with UC1 and UC2.
Desired Result: Upon changing drop down value, the page should be posted back along with ONLY UC1.
I have tried out everything that google suggests but the problem still persists.
Attached is the code snippet. Please help.
Web page:
-----------------------------------------
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AjaxUpdatePanel.aspx.cs" Inherits="AjaxUpdatePanel" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><%@ Register TagPrefix="UC1Ctrl" TagName="UC1Info" Src="~/UC1.ascx"%><%@ Register TagPrefix="UC2Ctrl" TagName="UC2Info" Src="~/UC2.ascx"%><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><title></title></head><body><form id="form1" runat="server"><asp:ScriptManager ID="scManager" runat="server" EnablePartialRendering="true"></asp:ScriptManager><div><UC1Ctrl:UC1Info runat="server" id = "uc1Ctrl"/><UC2Ctrl:UC2Info runat="server" id = "uc2Ctrl" /></div></form></body></html>
UC1: ----------------------------------------- <%@ Control Language="C#" AutoEventWireup="true" CodeFile="UC1.ascx.cs" Inherits="UC1" %><h3>User Control 1</h3><asp:UpdatePanel ID="upAvailability" runat="server"><ContentTemplate><asp:DropDownList ID="ddl" runat="server" onselectedindexchanged="ddl_SelectedIndexChanged" AutoPostBack="True" ><asp:ListItem Text="1" Value="1"></asp:ListItem><asp:ListItem Text="2" Value="2"></asp:ListItem></asp:DropDownList></ContentTemplate><%-- <Triggers><asp:AsyncPostBackTrigger ControlID="ddl" EventName="SelectedIndexChanged" /></Triggers>--%></asp:UpdatePanel>