Boîte de dialogue jQuery UI - impossible de supprimer les boutons

Question

Comment supprimer les boutons d'une boîte de dialogue jquery? Par exemple, j'ai essayé de rappeler .dialog avec les nouvelles options correctes, mais la boîte de dialogue ne semble pas affectée.

$ ('sélecteur'). Dialog ('option', 'boutons', {}); ne fonctionne pas, et cela ne fonctionne pas non plus si les nouvelles chaînes de caractères et fonctions sont déclarées.

Pensées?

Answer 1

Les boutons ne peuvent pas être ajoutés/définis pendant le chargement du dialogue.

Answer 2

Vous devez d'abord destroy en cours. Ensuite, vous pouvez en faire un nouveau avec les nouvelles options que vous voulez. EDITER (à la réponse au commentaire): Je ne sais pas quoi vous dire. J'ai fait ce qui suit sur mon site et WFM.

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

Vous devez revenir à pré-init état de modifier les boutons, qui est ce que destroy fait. Peut-être que je n'étais pas assez clair sur les marches.

Answer 3

Vous passez de nouveaux boutons dans un mauvais sens. Les options doivent être transmises en tant qu'objet.

Cela fonctionne:

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

Pas besoin de détruire et de créer de nouveaux dialogue.

Bien sûr, vous pouvez également remplacer les boutons objet avec une nouvelle série de boutons si vous le souhaitez:

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

Answer 4

La discussion ici est mieux: http://www.nabble.com/jQuery-dialog-add-remove-button-on-the-fly-td22036498s27240.html

Ajouter dans les extensions prescrits et vous pouvez simplement utiliser Bouton d'ajout et de suppression (il est préférable de basculer sur le boîtier de chameau)

Answer 5

Anotherm, peut-être le moyen le plus simple et le plus flexible de le faire est via CSS. (et si vous en auriez éventuellement besoin dans le futur ...).

On dirait:

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

Si vous aimez le faire que pour certaines boîtes de dialogue, vous pouvez ajouter l'option dialogClass: lors de l'initialisation de la boîte de dialogue, et votre css ressemblera (par exemple, vous avez ajouté myDialogClass comme dialogClass , de sorte que l'ensemble conteneur de dialogue sera accessible via cette classe:

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

Bonne chance dans la personnalisation

Answer 6

FWIW,

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