Le passage des données dans un ModalPopupExtender

Il n'est pas nécessaire de créer un contrôle utilisateur pour transmettre des données dans un modal popup. Je tiens seulement à créer un contrôle utilisateur si j'avais besoin de le réutiliser dans différents endroits. Si vous n'avez pas besoin de le réutiliser dans plusieurs endroits, alors vous n'avez pas besoin d'un contrôle de l'utilisateur. Au lieu de faire ceci:

Supposons que vous avez besoin d'un popup qui affiche une chaîne de caractères et a des boutons OK et Annuler, mais vous devez définir la valeur de la chaîne avant qu'il sorte.

1. Créer un Panneau.
2. Place un UpdatePanel à l'intérieur du Panneau à partir de l'étape 1.
3. Placer un Bouton et ModalPopupExtender à l'intérieur de l'UpdatePanel.

4. Placer une Étiquette, les boutons Ok et Annuler l'intérieur de l'UpdatePanel, sous le popup extender. Ceci est illustré ci-dessous:

   <asp:Panel ID="Panel1" runat="server" CssClass="popup" Width="320px" Style="display:none">
      <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
          <ContentTemplate>
              <asp:Button ID="Button1" runat="server" Style="display:none" />
              <cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
                  TargetControlID="Button1"
                  PopupControlID="Panel1"
                  CancelControlID="CancelButton">
              </cc1:ModalPopupExtender>
              <asp:Label ID="Label1" runat="server" />
              <asp:Button ID="OkButton" runat="server" Text="Ok" CausesValidation="true" OnClick="OkButton_OnClick" />&nbsp;
              <asp:Button ID="CancelButton" runat="server" Text="Cancel" CausesValidation="false" />
          </ContentTemplate>
      </asp:UpdatePanel>
   </asp:Panel>

5. Ensuite, sur votre page, placez un Bouton et une zone de texte comme ceci:

   <asp:TextBox ID="MyTextBox" runat="server" />
   <asp:Button ID="MyButton" runat="server" Text="Popup" OnClick="MyButton_OnClick" />

6. Maintenant, dans le code de votre page, placez le gestionnaire de MyButton:

   protected void MyButton_OnClick(object sender, EventArgs e)
   {
        Label1.Text = MyTextBox.Text;
        UpdatePanel1.Update();
        ModalPopupExtender1.Show();
   }

Une fois que j'ai réalisé ce que je faisais de mal à la solution je suis venu avec était assez simple.
Je me dois de remercier Arnold Matusz car c'était son entrée de blog qui m'a montré la lumière.
http://blog.dreamlabsolutions.com/post/2009/01/10/ModalPopupExtender-to-show-a-MessageBox.aspx

Au lieu d'avoir le ModalPopup entender appel d'un contrôle utilisateur seulement affiche le code html. J'ai fait un contrôle utilisateur qui a été le ModalPopupExtender. De cette façon, je peux appeler et de passer d'une partie des données.

Mon MakePayment de contrôle de l'utilisateur du HTML ressemble à

<asp:Button ID="btnDummy" style="display: none;" runat="server"  
OnClick="btnDummy_Click" />
<ajaxToolkit:ModalPopupExtender ID="mdlPopupPayment" runat="server"  
TargetControlID="btnDummy" PopupControlID="pnlMakePayment" 
CancelControlID="popUpCancel" DropShadow="true"
BackgroundCssClass="modalBackground">
</ajaxToolkit:ModalPopupExtender>
<asp:Panel ID="pnlMakePayment" runat="server" Style="display: none;"  
SkinID="PopUpPanel" class="ContentBoxColor" Width="400px" Height="170px">
<div class="contentbox">
<div class="contentboxHeader1">
<asp:Label ID="lblPopupTitle" Width="350px" runat="server" Text=""></asp:Label>
</div>
<div class="contentbox">
<div style="text-align: left">
<asp:Label ID="lblTotalDue" Width="100px" runat="server" Text="">  
</asp:Label>
<asp:Label ID="lblTotalDueValue" Width="100px" runat="server">
</asp:Label>
</div>
<div style="text-align: left">
<asp:Label ID="lblPayment" Width="100px" runat="server" Text=""></asp:Label>
<asp:TextBox ID="txtPayment" Width="100px" runat="server"></asp:TextBox>
<ajaxToolkit:FilteredTextBoxExtender ID="ftbePayment" runat="server" 
TargetControlID="txtPayment" FilterType="Custom, Numbers" 
ValidChars="."> </ajaxToolkit:FilteredTextBoxExtender>
</div>
<div style="text-align: left">
<asp:Label ID="lblPaymentRefNo" Width="100px" runat="server" Text=""> 
</asp:Label>
<asp:TextBox ID="txtPaymentRefNo" Width="100px" runat="server">
</asp:TextBox>
</div>
<div style="text-align: left">
<asp:Label ID="lblPaymentType" Width="100px" runat="server" Text=""></asp:Label>
<asp:TextBox ID="txtPaymentType" Width="250px" runat="server"></asp:TextBox>
</div>
</div>
<div class="contentbox" style="text-align=right">
<asp:Button ID="btnApplyPayment" runat="server" Text="" 
OnClick="btnApplyPayment_Click" />
<asp:Button ID="btnCancel" runat="server" Text="" OnClick="btnCancel_Click" />
</div>
</div>
<div style="text-align: right; width: 100%; margin-top: 5px;">
<asp:Button ID="popUpCancel" runat="server" Text="Cancel" Width="0px" />
</div>
</asp:Panel>

Et dans le code-behind, j'ai une méthode publique

public void MakePayment(string szAmountDue)
{
lblTotalDueValue.Text = szAmountDue;
mdlPopupPayment.Show();
}

Sur mon formulaire principal, j'ai un lien appelé à Effectuer le Paiement

<asp:LinkButton ID="lnkMakePayment" runat="server" Visible="true" 
OnClick="lnkMakePayment_Click" >
<asp:Label ID="lblMakePayment" runat="server" Text=""/>
</asp:LinkButton>

Lorsque le Paiement lien est cliqué, le code derrière appelle la MakePayment contrôle de passage dans toutes les données que je souhaite afficher.

protected void lnkMakePayment_Click(object sender, EventArgs e)
{
MakePayment.MakePayment(lblTotalValue.Text.ToString());
}