ASP.net Bouton cliquez sur pas de tir à l'aide de Jquery boîte de Dialogue Modale

J'ai une div qui s'affiche comme une boîte de dialogue Modale.

<div id="div2" style="display: none;" title="Upload Prenda">
        <center>
            <br />
            Select File to Upload:
            <asp:FileUpload ID="PrendaFileUpload" runat="server" Width="345px" />
            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="PrendaFileUpload"
                ErrorMessage="File to be uploaded Required" ValidationGroup="X">*</asp:RequiredFieldValidator><br />
            <asp:ValidationSummary ID="ValidationSummary1" runat="server" ShowMessageBox="True"
                ShowSummary="False" ValidationGroup="X" />
            <br />
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            <asp:Button ID="uploadButton" runat="server" Text="Upload" OnClick="uploadButton_Click"
                 Width="100px" />
        </center>
    </div>

voici le jquery pour elle

 <script type="text/javascript">
$(function() {
$( "#div2" ).dialog({
autoOpen: false,
modal:true,
resizable: false,
 height: 200,
width: 600
});
$( "#toggle" ).click(function() {
$( "#div2" ).dialog( "open" );
});
});
</script>

le problème est que lorsque j'appuie sur le bouton pour activer le OnClick="uploadButton_Click" la méthode de l'intérieur ne prend pas feu, toute solution à cela? désolé, je suis tout nouveau dans l'utilisation de jquery.

  • Je pense que vous trouverez que le problème est que jQuery dialogues sont fait de telle manière que les supprime de la normale ASP.NET balises de formulaire. J'ai eu ce problème il y a une année et ne peut pas se souvenir exactement de ce que j'ai fait, ou où j'ai trouvé la réponse. Assez sûr que c'est sur ce site quelque part. Si je peux le trouver, je vais mettre à jour avec un lien vers la réponse. Il était assez simple correctif, c'est juste difficile à trouver.
InformationsquelleAutor Albert Laure | 2013-11-21
  1. 14

    Bien, c'est la réponse qui a fonctionné pour moi, je ne suis pas à l'aide de tout panneau de mise à jour et c'est ce que j'ai utilisé

    en ajoutant ceci à la boîte de dialogue déclaration:

      open: function(type,data) {
    $(this).parent().appendTo("form");
  }

    trouvé la réponse dans ici donc, si vous voulez en savoir plus sur cliquez sur le lien à côté 🙂

    InformationsquelleAutor Albert Laure
  2. 2

    Les versions les plus récentes de JQueryUI un peu différent de la convention. Dans votre .dialog() déclaration, ajoutez ceci est un paramètre:

    appendTo: "form",

    Cela résout le problème pour les nouvelles versions de JQuery, puisqu'elle s'appuie la boîte de dialogue en dehors de la portée de la ASP.NET forme. Espérons que cela aide les nouveaux utilisateurs!

    InformationsquelleAutor Daniel Anderson
  3. 1

    Cette requête feu de code C# à partir de JQuery. Je l'ai testé:

     $(this).parent().appendTo($("form:first"));
    InformationsquelleAutor user5940155
  4. 0

    D'essayer cette solution:
    jQuery modal dialogue avec les publications en ASP.NET

    Cela dit jQuery pour ajouter la boîte de dialogue pour la balise form plutôt qu'à la fin du document.

    • la solution ci-dessus ne fonctionne pas pour moi, im en utilisant 1.8 jquery UI
    • toutes mes excuses, mais je ne viens maintenant obtenu une notification de ce commentaire. Je suis en supposant que vous avez résolu ce problème maintenant? 😉
    InformationsquelleAutor Tyler Durden