Bouton ajouter pour jquery ui dialog

Je ne peux pas le bouton ajouter à cette jquery ui dialog.
si possible, veuillez me donner un exemple .
merci.

<script type="text/javascript">
    $(document).ready(function () {
        //setup new person dialog
        $('#dialog2').dialog({
            autoResize: true,
            show: "clip",
            hide: "clip",
            height: 'auto',
            width: '1000',
            autoOpen: false,
            modal: true,
            position: 'top',
            draggable: false,
            title: "انتخاب درخواست",
            open: function (type, data) {
                $(this).parent().appendTo("form");
            }
        });

        $('#viewfaktor').dialog({
            autoResize: true,
            show: "clip",
            hide: "clip",
            height: 'auto',
            width: '1000',
            autoOpen: false,
            modal: true,
            position: 'top',
            draggable: true,
            title: "مشاهده صورت ریز",
            open: function (type, data) {
                $(this).parent().appendTo("form");
            }
        });


        $('#msgBox').dialog({


            autoResize: true,
            show: "clip",
            hide: "clip",
            height: 'auto',
            width: 'auto',
            autoOpen: false,
            modal: true,
            position: 'center',
            draggable: false,



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


        });



    });

    function showDialog(id) {
        $('#' + id).dialog("open");
    }

    function closeDialog(id) {
        $('#' + id).dialog("destroy");
    }



</script>

OriginalL'auteur Shahin | 2010-10-27

$('#msgBox').dialog({
    autoResize: true,
    show: "clip",
    hide: "clip",
    height: 'auto',
    width: 'auto',
    autoOpen: false,
    modal: true,
    position: 'center',
    draggable: false,

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

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

Veuillez Voir Ma question encore une fois. j'ai l'erreur encore
j'ai ajouté ton code mais j'ai une erreur de syntaxe!
Ah. J'ai oublié une virgule. J'ai mis à jour l'exemple.

OriginalL'auteur

27

Parfois, vous voulez pour ajouter les boutons de manière dynamique après le dialogue est créé. Voir mon réponse à la question Ajouter un bouton dans une boîte de dialogue de façon dynamique
```
var mydialog = ... result of jqueryui .dialog()
var buttons = mydialog.dialog("option", "buttons"); //getter
$.extend(buttons, { foo: function () { alert('foo'); } });
mydialog.dialog("option", "buttons", buttons); //setter
```
Comment ajouter un bouton avec un ID spécifique?
pourquoi auriez-vous besoin d'un id sur le bouton?
ou voulez-vous dire ajouter un bouton identifié par un ID?
Pourriez-vous fournir un exemple de comment modifier l'ordre dans lequel les boutons apparaissent sur le modal?
poser une nouvelle question, et inclure le code que vous utilisez déjà.

OriginalL'auteur

Si vous voulez ajouter un bouton dans une boîte de dialogue qui est déjà ouvert, vous pouvez faire quelque chose comme:

var buttonSet = $('#dialog').parent().find('.ui-dialog-buttonset');
var newButton = $('<button>My New Button</button>');
newButton.button().click(function () {
    alert('My new button clicked');
});
buttonSet.append(newButton);

OriginalL'auteur

Voici un exemple

ajouter à votre fonction:

buttons: {
                OK: function() { //submit
                    $( this ).dialog( "close" );
                },
                Cancel: function() { //cancel
                    $( this ).dialog( "close" );
                }
            }

De sorte que vous obtenez

    $('#msgBox').dialog({


                autoResize: true,
                show: "clip",
                hide: "clip",
                height: 'auto',
                width: 'auto',
                autoOpen: false,
                modal: true,
                position: 'center',
                draggable: false,
                buttons: {
                OK: function() { //ok
                    $( this ).dialog( "close" );
                },
                Cancel: function() { //cancel
                    $( this ).dialog( "close" );
                }
            }
                open: function (type, data) {
                    $(this).parent().appendTo("form");
                }


            });

OriginalL'auteur

Vous devez vous connecter pour publier un commentaire.