Finestra di dialogo dell'interfaccia utente jQuery - impossibile rimuovere i pulsanti

Question

Come rimuovere i pulsanti in una finestra di dialogo jQuery? Ad esempio, ho provato a richiamare .dialog con le nuove opzioni corrette, ma la finestra di dialogo sembra inalterata.

$ ('. Selettore'). Finestra di dialogo ('opzione', 'pulsanti', {}); non funziona, e non funziona se vengono dichiarate nuove stringhe e funzioni dei pulsanti.

Pensieri?

Answer 1

I pulsanti non possono essere aggiunti/impostati durante il caricamento della finestra di dialogo.

Answer 2

È necessario destroy quello corrente per primo. Quindi puoi crearne uno nuovo con le nuove opzioni che desideri.

MODIFICA (in risposta al commento): Non so cosa dirti. Ho fatto quanto segue sul mio sito e WFM.

$('.selector').dialog('destroy'); 
$('.selector').dialog({ buttons: { "Ok": function() { $(this).dialog("close"); } } }); 
$('.selector').dialog('open'); 

è necessario tornare a pre-init Stato per modificare i pulsanti, che è ciò destroy fa. Forse non ero abbastanza chiaro sui gradini.

Answer 3

Si stanno passando nuovi pulsanti impostati in modo errato. Le opzioni dovrebbero essere passate come un oggetto.

Ciò funzionerà:

var options = { 
    buttons: {} 
}; 
$(selector).dialog('option', options); 

Non c'è bisogno di distruggere e creare una nuova finestra di dialogo.

Naturalmente si può anche sostituire i pulsanti oggetto con una nuova serie di pulsanti, se lo si desidera:

var options = { 
    buttons: { 
     NewButton: function() { 
      $(this).dialog('close'); 
      // add code here 
     } 
    } 
}; 
$(selector).dialog('option', options); 

Answer 4

La discussione qui è migliore: http://www.nabble.com/jQuery-dialog-add-remove-button-on-the-fly-td22036498s27240.html

Aggiungere nelle estensioni prescritti e si può semplicemente usare addbutton e removebutton (dovrebbe passare al caso cammello naturalmente :)

Answer 5

Anotherm, forse il modo più semplice e molto flessibile per farlo è tramite CSS. (cosa succede se alla fine ne avrai bisogno in futuro ...).

Assomiglia:

.ui-dialog-titlebar-close{display:none} 

Se vi piace farlo solo per alcune finestre di dialogo, è possibile aggiungere dialogClass: opzione durante l'inizializzazione della finestra, e il CSS sarà simile (ad esempio hai myDialogClass aggiunto come dialogClass , così l'intero contenitore di dialogo sarà accessibile via questa classe:

.myDialog .ui-dialog-titlebar-close{display:none} 

Buona fortuna nella personalizzazione

Answer 6

FWIW,

$(".dialog").dialog("option", "buttons", null);