An extender can't be in a different UpdatePanel than the control it extends

Question

0.00/5 (No votes)

See more:

XML

<%@ Page  Title="CONTI TRAVELS" Language="VB" EnableEventValidation="false" MasterPageFile="~/Menu.master" AutoEventWireup="false" CodeFile="CreditInvoicePayment.aspx.vb" Inherits="CreditInvoicePayment" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<asp:Content ID="ContentCreditInvoicePayment" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<form id="frmCreditInvoicePayment" runat="server">
<ajaxToolkit:ToolkitScriptManager ID="SCMCreditPayment" EnablePartialRendering="true" runat="server" />
<script language="javascript" type="text/javascript">

    function printDiv(divID) {
        //Get the HTML of div
        var divElements = document.getElementById(divID).innerHTML;
        //Get the HTML of whole page
        var oldPage = document.body.innerHTML;

        //Reset the page's HTML with div's HTML only
        document.body.innerHTML =
              "<html><head><title></title></head><body>" +
              divElements + "</body>";

        //Print Page
        window.print();

        //Restore orignal HTML
        document.body.innerHTML = oldPage;

    }
    function enableOrdisableControls() {
        if (document.getElementById('<%=ddlPaymentFor.ClientID %>').value==1) {
            document.getElementById('<%=txtBillNo.ClientID %>').disabled = false;

            document.getElementById('<%=btnShowParticularBill.ClientID %>').disabled = false;
            document.getElementById('<%=ddlCustomerName.ClientID %>').disabled = true;
            document.getElementById('<%=btnShowFlexibleBill.ClientID %>').disabled = true;
            //document.getElementById('<%=lblBillReport.ClientID %>').innerHTML = "";

            setDropDownList(document.getElementById('<%=ddlCustomerName.ClientID %>'), '- Select -');
        } else if (document.getElementById('<%=ddlPaymentFor.ClientID %>').value==2) {
            document.getElementById('<%=txtBillNo.ClientID %>').disabled = true;
           // document.getElementById('<%=lblBillReport.ClientID %>').innerHTML = "";

            document.getElementById('<%=btnShowParticularBill.ClientID %>').disabled = true;
            document.getElementById('<%=ddlCustomerName.ClientID %>').disabled = false;
            document.getElementById('<%=btnShowFlexibleBill.ClientID %>').disabled = false;
            setDropDownList(document.getElementById('<%=ddlCustomerName.ClientID %>'), '- Select -');
        }

    }
    function ValidateParticularBill() {
        if (document.getElementById('<%=txtBillNo.ClientID %>').value == "") {
            alert("Enter Bill No");
            return false;
        } else {
        return true;
        }
    }
    function ValidateFlexibleBill() {
        if (document.getElementById('<%=ddlCustomerName.ClientID %>').value == "") {
            alert("Select Customer Name");
            return false;
        } else {
        return true;
        }
    }

    </script>
<table width="100%">
    <tr>
        <td align="right">
            <asp:Label ID="lblUserName" runat="server" CssClass="textBox" />
        </td>
    </tr>
</table>
<br />
<br />
<table >
    <tr>
        <td align="left" rowspan="2">
            <asp:Label ID="lblPaymentFor" Text="Payment For*" runat="server" CssClass="label" />
        </td>
        <td  align="left" rowspan="2">
         <asp:DropDownList ID="ddlPaymentFor" AutoPostBack="true" OnSelectedIndexChanged="ddlPaymentFor_SelectedIndexChanged" runat="server" CssClass="textbox" Width="160px"  />
         </td>
         <td  align="left">
             <asp:Label ID="lblBillNo" Text="Bill No:*" runat="server" CssClass="label" />
         </td>
         <td  align="left">
            <asp:TextBox ID="txtBillNo" runat="server" CssClass="textbox" Width="160px" />
         </td>
         <td align="left">
             <asp:Button ID="btnShowParticularBill" runat="server" CssClass="button" Text="Show Particular Bill" Width="160px" OnClientClick="return ValidateParticularBill();" />
         </td>
         </tr>
         <tr>
         <td align="left">
             <asp:Label ID="lblCustomerName" Text="Customer Name:*" runat="server" CssClass="label" />
         </td>
         <td align="left">
            <asp:DropDownList ID="ddlCustomerName" runat="server" CssClass="textBox" Width="160px" />
         </td>
         <td align="left">
            <asp:Button ID="btnShowFlexibleBill" runat="server" CssClass="button" Text="Show Customer Bill"  Width="160px" OnClientClick="return ValidateFlexibleBill();"/>
         </td>

       </tr>
       <tr>
         <td colspan="5">
         <asp:UpdatePanel ID="upBillDetails" runat="server" UpdateMode="Conditional" >
         <ContentTemplate>

           <div align="right">
             <asp:Button ID="btnPrint" Visible="false" runat="server" Text="Print" Width="120px" CssClass="button" OnClientClick="javascript:printDiv('pnlBill')" />
         </div>
         <asp:Panel ID="pnlBill" runat="server" Height="500px" ScrollBars="Auto">
         <asp:Label ID="lblBillReport" runat="server" CssClass="label" />
         </asp:Panel>
         <div>
            <div align="left">
                <asp:LinkButton ID="lbtnPaymentDetails" runat="server"  Text="Click Here to View Payment Details" />
            </div>
            <div align="center">
                <asp:Button ID="btnPaymentDetails" runat="server" CssClass="button" Text="Click To Enter Payment Details" Width="160px" />
            </div>
         </div>
         </ContentTemplate>
         <Triggers>
            <asp:AsyncPostBackTrigger ControlID="ddlPaymentFor" EventName="SelectedIndexChanged" />
         </Triggers>
         </asp:UpdatePanel>
         </td>
      </tr>
  </table>

      <msw:Border ID="pnlCreditPayment" CssClass="modalPopupBorder" runat="server" Width="700px" style="display:none;" ScrollBars="Auto" Title="Add Parcel">
      <table>
      <tr>
      <td  align="left">
        <asp:Label ID="lblPaidAmount" runat="server" Text="Paid Amount:*" CssClass="label" />
       </td>
       <td  align="left">
        <asp:TextBox ID="txtPaidAmount" runat="server" CssClass="textBox" Width="160px" />
       </td>
       </tr>
       <tr>
       <td  align="left">
         <asp:Label ID="lblPaymentType" runat="server" Text="Payment Type:" CssClass="label" />
       </td>
       <td  align="left">
          <asp:DropDownList ID="ddlPaymentType" runat="server" CssClass="textbox" Width="160px" />
       </td>
      </tr>
      <tr>
      <td  align="left">
            <asp:Label ID="lblTransactionId" runat="server" Text="Transaction Id:" CssClass="label" />
      </td>
      <td align="left">
            <asp:TextBox ID="txtTransactionId" runat="server" CssClass="textBox" Width="160px" />
      </td>
      </tr>
      <tr>
      <td align="center">
            <asp:Button ID="btnPaid" runat="server" CssClass="button" Text="Paid" Width="160px" />
      &nbsp;&nbsp;
            <asp:Button ID="btnCanel" runat="server" CssClass="button" Text="Cancel" Width="160px" />
      </td>
      </tr>

        </table>
        </msw:Border>

   <ajaxToolkit:ModalPopupExtender runat="server" ID="ModalPopupExtenderFreightType" TargetControlID="btnPaymentDetails" PopupControlID="pnlCreditPayment" DropShadow="true" BackgroundCssClass="modalBackground"  />

<!-- Popup for Error Message -->
    <asp:LinkButton ID="lnkErrorMessage" runat="server" />
       <asp:Panel ID="pnlErrorMessage" CssClass="modalPopup" runat="server" Width="500px" style="display:none;" >
        <table>
            <tr>
                <td class="popuppaneltitle" align="center">
                    <asp:Label runat="server" ID="lblErrorMessageHeader" Text="Error" />
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Label runat="server" ID="lblErrorMessage" Text="" />
                </td>
            </tr>
            <tr>
                <td>
                    <div class="button_bar">
                        <asp:Button ID="btnErrorMessageOk" runat="server" CausesValidation="false" Text="Ok" Width="75px" CssClass="button" />
                    </div>
                </td>
            </tr>
        </table>
    </asp:Panel>
    <ajaxToolkit:ModalPopupExtender runat="server" ID="modalPopupErrorMessage" TargetControlID="lnkErrorMessage" PopupControlID="pnlErrorMessage" DropShadow="true" BackgroundCssClass="modalBackground" />
    </form>

</asp:Content>

Code Behind

VB

 Protected Sub ddlPaymentFor_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles ddlPaymentFor.SelectedIndexChanged
        Try
            upBillDetails.Update()
            lblBillReport.Text = ""
            lbtnPaymentDetails.Visible = False
            btnPrint.Visible = False
            btnPaymentDetails.Visible = False

        Catch ex As Exception
            DisplayErrorMessage("ddlPaymentFor_SelectedIndexChanged", ex.Message + "\n" + ex.StackTrace)
        End Try
    End Sub

#End Region

Posted 9-Oct-13 21:20pm

FeroseKhan

Updated 10-Oct-13 4:38am

Nelek

v5

Add a Solution

Comments

JoCodes 10-Oct-13 3:35am

Is your target controlid of the extender control set to a control which resides in another update panel ???

FeroseKhan 10-Oct-13 3:42am

No i had not placed the target control in another update panel

FeroseKhan 10-Oct-13 3:43am

Here is the entire code
<table >
<tr>
<td align="left" rowspan="2">
<asp:Label ID="lblPaymentFor" Text="Payment For*" runat="server" CssClass="label" />
</td>
<td align="left" rowspan="2">
<asp:DropDownList ID="ddlPaymentFor" AutoPostBack="true" runat="server" CssClass="textbox" Width="160px" />
</td>
<td align="left">
<asp:Label ID="lblBillNo" Text="Bill No:*" runat="server" CssClass="label" />
</td>
<td align="left">
<asp:TextBox ID="txtBillNo" runat="server" CssClass="textbox" Width="160px" />
</td>
<td align="left">
<asp:Button ID="btnShowParticularBill" runat="server" CssClass="button" Text="Show Particular Bill" Width="160px" OnClientClick="return ValidateParticularBill();" />
</td>
</tr>
<tr>
<td align="left">
<asp:Label ID="lblCustomerName" Text="Customer Name:*" runat="server" CssClass="label" />
</td>
<td align="left">
<asp:DropDownList ID="ddlCustomerName" runat="server" CssClass="textBox" Width="160px" />
</td>
<td align="left">
<asp:Button ID="btnShowFlexibleBill" runat="server" CssClass="button" Text="Show Customer Bill" Width="160px" OnClientClick="return ValidateFlexibleBill();"/>
</td>

</tr>
<tr>
<td colspan="5">
<asp:UpdatePanel ID="upBillDetails" runat="server" UpdateMode="Conditional" >
<contenttemplate>

<div align="right">
<asp:Button ID="btnPrint" Visible="false" runat="server" Text="Print" Width="120px" CssClass="button" OnClientClick="javascript:printDiv('pnlBill')" />
</div>
<asp:Panel ID="pnlBill" runat="server" Height="500px" ScrollBars="Auto">
<asp:Label ID="lblBillReport" runat="server" CssClass="label" />

<div>
<div align="left">
<asp:LinkButton ID="lbtnPaymentDetails" runat="server" Text="Click Here to View Payment Details" />
</div>
<div align="center">
<asp:Button ID="btnPaymentDetails" runat="server" CssClass="button" Text="Click To Enter Payment Details" Width="160px" />
</div>
</div>

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

</td>
</tr>
</table>

Zafar Sultan 10-Oct-13 3:35am

Is your DropDownList "ddlPaymentFor" placed in another UpdatePanel?

FeroseKhan 10-Oct-13 3:41am

No i had not placed it in another update panel

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Zafar Sultan · Answer 1 · 2013-10-09T21:48:00

Register SelectedIndexChanged event for the DropDownList.

Instead of

ASP.NET

<asp:dropdownlist id="ddlPaymentFor" autopostback="true" runat="server" cssclass="textbox" width="160px" xmlns:asp="#unknown" />

write

ASP.NET

<asp:dropdownlist id="ddlPaymentFor" autopostback="true" runat="server" onselectedindexchanged="ddlPaymentFor_SelectedIndexChanged" cssclass="textbox" width="160px" xmlns:asp="#unknown" />

Write the functionality in code behind:

C#

protected void ddlPaymentFor_SelectedIndexChanged(Object sender, EventArgs e) 
{
//your code here
}

FeroseKhan · Answer 2 · 2013-10-10T03:52:00

Solution 3

I had Placed the Modal Popup extender outside the update panel.Which thrown the error.
On replacing the modal popup extender inside the update panel will solve the error.

Posted 10-Oct-13 3:52am