Differenze tra le versioni di "Creazione di un dialog"

(Implementazione in Minerva-apps)
(Opzioni)
 
(Una versione intermedia di uno stesso utente non è mostrata)
Riga 25: Riga 25:
 
     }
 
     }
 
});
 
});
 +
</pre>
 +
 +
== 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
 +
<pre>
 +
// 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(); });
 
</pre>
 
</pre>
  

Versione attuale delle 21:30, 17 gen 2022

← 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