Creazione di un dialog

← jQuery e Javascript

$( '#<?= $dialog_document ?>' ).dialog({
    modal: true,
    width: window.innerWidth / 2,
    buttons: [ {
        text: "<?= __( 'Cancel' ) ?>",
        icons: { primary: "ui-icon-closethick" },
        click: function() {
           dialog_destroy( $(this) );
           return false;
        }
    }, {
        text: "<?= __( 'Submit' ) ?>",
        icons: { primary: "ui-icon-check" },
        click: function() {
           dialog_destroy( $(this) );
           return false;
        }
    } ],
    close: function() {
       dialog_destroy( $(this) );
       return false;
    }
});

Opzioni

E' possibile aggiungere l'azione 'alla chiusura' dall'interno del dialog (pagina caricata dopo la creazione)

$('#view').closest('.ui-dialog').on('dialogclose', function(event) {
    alert('closed');
});

Implementazione in Minerva-apps

• Funzione di cambio stato dell'elemento in jQuery
• Creazione di un dialog implementato in Minerva-apps