[AJAX] Parcours en modalpopupextender avec des users controls

Parcours en modalpopupextender avec des users controls [AJAX] - C#/.NET managed - Programmation

Marsh Posté le 29-12-2011 à 16:28:10    

Salut,
 
je souhaite faire un parcours en utilisant des user controls affichés dans des modalpopups. j'ai besoin de controler certaines données en faisant un aller-retour serveur (controle de données en base), pour cela je suis obligé de faire un postback sur ma page et là ça devient l'enfer à gérer.
 
J'ai une radiobuttonlist qui permet de sélectionner un type d'abonnement, selon le choix j'ouvre telle ou telle modalpopup (voir le code)
 
si choix type 1,2 ou 3
=> afficher pnlFirstLogin
=> après validation de firstLogin, afficher pnlCreateAccount
si type 4 ou 5
=> afficher pnlCreateAccount
 
1) Comment ouvrir la bonne modalpopup lors que je sélectionne un type dans la radiobuttonlist?
2) Comment laissez les modalpopups affichées après un postback pour le controle des données?
 
Voici un extrait de mon code qui gère la fenetre de depart et ses enfants:
 

Code :
  1. <asp:Panel runat="server" ID="pnlSubscription" CssClass="backgroundColorPanelPopup">           
  2.             <asp:UpdatePanel ID="upnlSubscription" runat="Server">
  3.                 <ContentTemplate>
  4.                     <div style="text-align:right"><asp:LinkButton runat="server" ID="lnkCloseSubscription" Text="Fermer"></asp:LinkButton></div>                   
  5.                     <asp:Label ID="Label1" runat="server">Vous n êtes pas inscrit</asp:Label>
  6.                     <br />
  7.                     <br />
  8.                     <asp:Panel runat="server" ID="pnSubscriptionChoice" GroupingText="Choississez parmi les options suivantes: ">
  9.                         <asp:RadioButtonList runat="server" ID="rblTypeSubscription">
  10.                             <asp:ListItem Value="1">
  11.                                 type 1
  12.                             </asp:ListItem>
  13.                             <asp:ListItem Value="2">
  14.                                 type 2
  15.                             </asp:ListItem>
  16.                             <asp:ListItem Value="3">
  17.                                 type 3
  18.                             </asp:ListItem>
  19.                             <asp:ListItem Value="4">
  20.                                 type 4
  21.                             </asp:ListItem>
  22.                             <asp:ListItem Value="5">
  23.                                 type 5
  24.                             </asp:ListItem>
  25.                         </asp:RadioButtonList>
  26.                         <asp:RequiredFieldValidator runat="server" ControlToValidate="rblTypeSubscription" ErrorMessage="*" ValidationGroup="ValidChoice">
  27.                         </asp:RequiredFieldValidator>
  28.                         <br />
  29.                         <asp:Button runat="server" ID="btnSubmit" Text="Valider" ValidationGroup="ValidChoice" />
  30.                     </asp:Panel>
  32.                     <ajaxToolkit:ModalPopupExtender ID="mpeFirstLogin" runat="server"
  33.                         TargetControlID="btnSubmit" CancelControlID="lnkCloseFirstLogin"
  34.                         PopupControlID="pnlFirstLogin" 
  35.                         DropShadow="true"
  36.                         BackgroundCssClass="backgroundColorPopup" /> 
  38.                     <ajaxToolkit:ModalPopupExtender ID="mpeCreateAccount" runat="server"
  39.                         TargetControlID="btnSubmit" CancelControlID="lnkCloseCreateAccount"
  40.                         PopupControlID="pnlCreateAccount"
  41.                         DropShadow="true"
  42.                         BackgroundCssClass="backgroundColorPopup" />
  44.                     <asp:Panel runat="server" ID="pnlFirstLogin" CssClass="backgroundColorPanelPopup">
  45.                         <asp:UpdatePanel ID="upnlFirstLogin" runat="Server">
  46.                             <ContentTemplate>
  47.                                 <div style="text-align:right"><asp:LinkButton runat="server" ID="lnkCloseFirstLogin" Text="Fermer"></asp:LinkButton></div>
  48.                                 <UC:FirstLogin runat="server" ID="UCFirstLogin" /> 
  49.                             </ContentTemplate>
  50.                         </asp:UpdatePanel>
  51.                     </asp:Panel>
  53.                     <asp:Panel runat="server" ID="pnlCreateAccount" CssClass="backgroundColorPanelPopup">
  54.                         <asp:UpdatePanel ID="upnlCreateAccount" runat="Server">
  55.                             <ContentTemplate>
  56.                                 <div style="text-align:right"><asp:LinkButton runat="server" ID="lnkCloseCreateAccount" Text="Fermer"></asp:LinkButton></div>
  57.                                 <UC:CreateAccount runat="server" ID="UCCreateAccount" />
  58.                             </ContentTemplate>
  59.                         </asp:UpdatePanel>                       
  60.                     </asp:Panel>
  61.                 </ContentTemplate>
  62.             </asp:UpdatePanel>
  63.         </asp:Panel>


 
je suis en galère depuis un bout de temps là dessus alors merci de votre aide  :)  


---------------
Old school gamer
Reply

Marsh Posté le 29-12-2011 à 16:28:10   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed