jQuery modal forme de dialogue publication problèmes

Après la création de votre boîte de dialogue il suffit de déplacer la boîte de dialogue de retour dans votre formulaire. Exemple:

 $("#divSaveAs").dialog({bgiframe:false,
                            autoOpen:false,
                            title:"Save As",
                            modal:true});
    $("#divSaveAs").parent().appendTo($("form:first"));

Cela a fonctionné pour moi. La publication des œuvres de trouver.

"AppendTo" option fonctionne pour moi.

$("#dialog").dialog({ ..., appendTo:"la forme" });

Voir: http://api.jqueryui.com/dialog/#option-appendTo

Un effronté hack que j'ai utilisé est de créer un normal .NET bouton avec des zones de texte, etc. à l'intérieur d'un div sur la page, à l'aide de jQuery obtenir le HTML pour que la div, l'ajouter à la boîte de dialogue, puis retirez le code HTML dans l'original div pour éviter l'id de la duplication.

<div id="someDiv" style="display: none">
    <p>A standard set of .net controls</p>
    <asp:TextBox ID="textBoxl" runat="server" CssClass="required email"></asp:TextBox>
    <input id="button1" type="button" value="Confirm"  onclick="SomeEvent();" />
</div>

Et le script:

var html = $("#someDiv").html();
$("#dialog").append(html);
$("#someDiv").remove();
$("#dialog").dialog({
        bgiframe: true,
        height: 300,
        modal: true
});

Qu'il fonctionne comme prévu lorsque j'ai utilisé

$("#divDlg").dialog("destroy");

au lieu de

$("#divDlg").dialog("close").appendTo($("#Form1")).hide();

Lorsque nous joindre au Formulaire et rouvrez la boîte de dialogue, j'ai eu des problèmes avec les mises en page et les z-index.

Je peux obtenir ce travail si j'en ai un de chaque. Un div, un script, et un lien. Dans mon cas, la boîte de dialogue permettant à l'utilisateur de laisser une "note" par enregistrement de base de données. Je n'ai pas de boutons sur mon dialogue, juste la valeur par défaut en haut à droite "x" pour fermer la boîte de dialogue.

Mais j'essaie de faire ce travail dans un ColdFusion requête en boucle.. Plusieurs enregistrements, chacun ayant leur propre boîte de dialogue, bouton de script associé, et div. Je vais changer l'Id de façon dynamique, de sorte qu'ils sont tous uniques (qui est, en ajoutant un _XX où XX est la clé primaire de l'enregistrement à tous les id).

Quand j'ai étendre ce modèle, le fait d'avoir plusieurs boîtes de dialogue, les scripts, les divs.. Si je ouvrir chaque boîte de dialogue pour modifier le correspondant de la "note" pour ce disque, elle enregistre uniquement le DERNIER. Devrais-je faire de la .parent().appendTo sur un bouton, cliquez sur vs automatiquement? Quelque part c'est de se confondre.

Si je n'ouvre pas la boîte de dialogue (ne pas apporter des modifications via la boîte de dialogue) et de lancer un dump sur le formulaire de résultats, je vois tous les champs de dialogue à venir sur le post comme prévu.

Quand je regarde le code HTML brut produit... Tous les Id sont uniques et sont appelés de façon appropriée. Je pensais que je recevais de collision sur un conflit avec un nom/id quelque part, mais tout semble bon sur ce front.

Mon script:

<script type="text/javascript">
    //Increase the default animation speed to exaggerate the effect
    $.fx.speeds._default = 1000;
    $(function() {
        $( "##dialog#getALLFacilityEquipOrders.order_id#" ).dialog({
            autoOpen: false,
            show: "blind",
            hide: "explode",
            width: 500,
            resizable: false
        });

        $('.countable2').jqEasyCounter({
            'maxChars': 2000,
        });

        //Dialog Link
        $('##dialog_link#getALLFacilityEquipOrders.order_id#').click(function(){
            $('##dialog#getALLFacilityEquipOrders.order_id#').dialog('open');
            return false;
        });

        //hover states on the static widgets
        $('##dialog_link#getALLFacilityEquipOrders.order_id#, ul##icons li').hover(
            function() { $(this).addClass('ui-state-hover'); },
            function() { $(this).removeClass('ui-state-hover'); }
        );

        $("##dialog#getALLFacilityEquipOrders.order_id#").parent().appendTo($("form##allequipedit"));
    });
</script>

Mon div:

<div id="dialog#getALLFacilityEquipOrders.order_id#"
     title="Notes For #getALLFacilityEquipOrders.cLicenseNumber# - Order ID: ORD-#getALLFacilityEquipOrders.order_id#"
     style="display:none;">

    <cfquery datasource="#a_dsn#" name="getOrderNotes">
        select notebody
        from QIP_EquipOrders_Notes
        where fk_order_id = #getALLFacilityEquipOrders.order_id#
    </cfquery>
    <fieldset class="qip_menu">
        <label><b>Enter/Edit Notes:</b></label>
        <textarea class="countable2"
                  id="notebody_#getALLFacilityEquipOrders.order_id#"
                  name="notebody_#getALLFacilityEquipOrders.order_id#"
                  rows="10"
                  cols="75">#getOrderNotes.notebody#</textarea>
    </fieldset>
</div>

Mon bouton:

<a href="##"
   id="dialog_link#getALLFacilityEquipOrders.order_id#"
   class="ui-state-default ui-corner-all"
><span class="ui-icon ui-icon-newwin"></span>Notes</a>