Creazione di un dialog

Versione del 17 gen 2022 alle 21:30 di Andrea (discussione | contributi) (Opzioni)
(diff) ← Versione meno recente | Versione attuale (diff) | Versione più recente → (diff)

← 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');
});

Pressione di un pulsante alla pressione del tasto ENTER/INVIO

// alla pressione dell'ENTER clicco il pulsante di conferma
$('#<?php echo $variabile_id; ?>').bind('keydown', function( event ) {
   if( event.keyCode == 13 ) $(this).parents('.ui-dialog').first().find('.ui-button').focus(); });

Implementazione in Minerva-apps