CODEWITHSUNDEEP
ajaxupdatepanel
Oogway
Oogway

Reputation: 83

Updatepanel wont call the control event method

I have a web page that has a masterpage. It has two drop downs. On Selected index chagne of dropdown1, I am calling the dropdown1_selectedindex changed. But nothing happens when I change the selection in the first drop down. I have placed the script manager in the master page. Update panel in the control page. The update panel encloses both the drop downs. Pelase help me. I am a starter and I thought this will be pretty straight forward. What am I missing here?

This is the .aspx

    <%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Site.master"     CodeBehind="Emailer.aspx.cs" Inherits="ServiceAlertEmailerGUI.Emailer" %>

    <asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    </asp:Content>
    <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <%--    <h2>
        Welcome to ASP.NET!
     </h2>--%>
    <%--    <p>
            To learn more about ASP.NET visit <a href="http://www.asp.net" title="ASP.NET Website">www.asp.net</a>.
    </p>--%>
    <%--    <p>
        You can also find <a href="http://go.microsoft.com/fwlink/?LinkID=152368&amp;clcid=0x409"
            title="MSDN ASP.NET Docs">documentation on ASP.NET at MSDN</a>.
    </p>--%>

    <script type="text/javascript">
        function HandleIT() {
            alert("called");
        }
    </script>


    <asp:Label ID="Label1" runat="server" Text="Status:"></asp:Label>
    <asp:RadioButton ID="RadioButton1" Text="New Alert"  GroupName="Status" runat="server" /> 
    <asp:Label ID="Label2" runat="server" Text="Select Application: "></asp:Label> 
    <asp:UpdatePanel runat="server" ChildrenAsTriggers="true" UpdateMode="Conditional">
    <ContentTemplate>
    <asp:DropDownList ID="ddApplicationList" runat="server" 

            OnSelectedIndexChanged="ddApplicationList_SelectedIndexChanged">
    </asp:DropDownList>
    <br />
    <asp:RadioButton ID="RadioButton2" GroupName="Status" Text="Update"  runat="server" />
    <asp:Label ID="Label3" runat="server" Text="Select  Service: "></asp:Label>
    <asp:DropDownList ID="ddServcieList" runat="server" >
    </asp:DropDownList>
    </ContentTemplate>
    <%--
     <Triggers> 
            <asp:AsyncPostBackTrigger ControlID="ddApplicationList" EventName="ddApplicationList_SelectedIndexChanged" /> 
        </Triggers> 
   --%>
         </asp:UpdatePanel>
    <br />
     <asp:RadioButton ID="RadioButton3" GroupName="Status" Text="Resolved"   runat="server" /><br />
     <asp:RadioButton ID="RadioButton4" GroupName="Status" Text="Resolved (No Email)"  runat="server" />
    <asp:Button ID="Button1" runat="server" Text="Build Template" Width="144px" />
    <br />
    <asp:RadioButton ID="RadioButton5" GroupName="Status" Text="Root Cause"   runat="server" /><br />
    <br />

   </asp:Content>

Here is master page

    <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="ServiceAlertEmailerGUI.SiteMaster" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head runat="server">
        <title></title>
        <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
        <asp:ContentPlaceHolder ID="HeadContent" runat="server">
        </asp:ContentPlaceHolder>
    </head>
    <body>
    <form runat="server">
    <asp:ScriptManager ID="AjaxManager" EnablePageMethods ="true" EnablePartialRendering = "true" runat="server">
    </asp:ScriptManager>
    <div class="page">
        <div class="header">
            <div class="title">
                <h1>
                   Service Alert Emailer
                </h1>
            </div>
    <%--            <div class="loginDisplay">
                <asp:LoginView ID="HeadLoginView" runat="server" EnableViewState="false">
                    <AnonymousTemplate>
                        [ <a href="~/Account/Login.aspx" ID="HeadLoginStatus" runat="server">Log In</a> ]
                    </AnonymousTemplate>
                    <LoggedInTemplate>
                        Welcome <span class="bold"><asp:LoginName ID="HeadLoginName" runat="server" /></span>!
                        [ <asp:LoginStatus ID="HeadLoginStatus" runat="server" LogoutAction="Redirect" LogoutText="Log Out" LogoutPageUrl="~/"/> ]
                    </LoggedInTemplate>
                </asp:LoginView>
            </div>--%>
            <div class="clear hideSkiplink">
                <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
                    <Items>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Emailer"/>
                        <%--<asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/>--%>
                    </Items>
                </asp:Menu>
            </div>
        </div>
        <div class="main">
            <asp:ContentPlaceHolder ID="MainContent" runat="server"/>
        </div>
        <div class="clear">
        </div>
    </div>
    <div class="footer">

    </div>
    </form>
    </body>
    </html>

Upvotes: 0

Views: 1304

Answers (1)

Oogway
Oogway

Reputation: 83

Thanks guys for trying to help.

I figured out the mistake in the trigger. In the trigger, eventname should be the event name SelectedIndexChanged rather that ddApplicationList_SelectedIndexChanged.

<Triggers>
            <asp:AsyncPostBackTrigger ControlID="ddApplicationList" EventName = "SelectedIndexChanged"/>
</Triggers>

sorry I lost the other link that gave me this answer.

Upvotes: 2

Related Questions