Contrôle des attributs jquery et clic sur le bouton

Question

   <script type="text/javascript">
        $(function () {
            $('form').submit(function () {
                $.ajax({

                    url: this.action,
                    type: this.method,
                    data: $(this).serialize(),
                    success: function (result) {
                        $('#popUp').html(result);
                    }
                });
                return false;
            });
        });
</script>
 <script type="text/javascript">
     $(function () {
         $('form').submit(function () {
             $("#popUp").dialog(
             {
                title: $(this).attr("data-dialog-title"),
                 minWidth: 500,

             );

         });
     });

    </script>

Le code ci-dessus a donné une boîte popup pour un clic de bouton dans la page d'insertion, mais comment puis-je contrôler les attributs de la boîte popup tels que resizable, modal:true,false, aussi comment puis-je fermer cette popup par un clic de bouton d'une autre vue partielle appelée _error.

Answer 1

<script type="text/javascript">

 $(function () {
     $('form').submit(function () {
         $("#popUp").dialog(
         {
            title: $(this).attr("data-dialog-title"),
             minWidth: 500,
             modal: true/false,
             resizable: true/false,
             buttons: { "Ok": function() { $(this).dialog("close"); }
         );
     });
 });

</script>

Answer 2

Cela devrait fonctionner, comme cela a été le cas pour moi, entrez ce script dans votre page ou créez une page de test pour que vous puissiez jouer un peu avec :

<script>
        $("#dialog-confirm").dialog({
            resizable: true,
            height: 340,
            width: 600,
            autoOpen: false,
            modal: true,

            buttons: {
                Cancel: function () {
                    $(this).dialog("close");
                }
            }
        });

</script>

Ce qui devrait manipuler un div similaire à celui-ci qui devrait être dans votre page :

<div id="dialog-confirm" title="Confirm?">
    <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>
        Confirm.<br />
        <div class="preview">
            Message...

        </div>
        <br />Confirm?</p>
</div>

Je l'ai localisé en utilisant le dialogue documentation à http://www.jquery.com

Vous pouvez modifier le nom du bouton en le remplaçant par ce qui vous semble approprié, comme suit :

Cancel: function () {
    $(this).dialog("close");
}

devient :

"New value here": function () {
    $(this).dialog("close");
});