2010-08-25 8 views
20

Wie kann die Schließen-Schaltfläche im Dialogfeld "jQuery UI" am besten entfernt werden?Die beste Methode zum Entfernen der Schließen-Schaltfläche im jQuery UI-Dialogfeld-Widget?

Ich möchte nicht, dass Benutzer das Dialogfeld schließen können.

Ich bedeckend auf dem Code Winkel durch Handhabung:

closeOnEscape: false, 
beforeclose: function (event, ui) { return false; } 

Ich versuche nicht zu brauchen Skript zu schreiben, die Klasse/id der Schließen-Schaltfläche grap und dann manuell ausblenden. Und ich möchte das CSS auch nicht manuell ändern, da das Dialogfeld Situationen enthalten kann, in denen es die Schließen-Schaltfläche benötigt.

Ich würde es vorziehen, die Dialogkonfiguration irgendwie zu tun, aber entweder kann ich nicht herausfinden, wie man es macht, oder die Dialogbox lässt es überhaupt nicht zu.

Haben Sie Vorschläge zum Konfigurieren des Dialogfelds?

+1

möglich Duplikat [auf jQueryUI Dialog Schließen-Schaltfläche entfernen?] (Http://stackoverflow.com/questions/896777/remove-close-button- on-jqueryui-dialog) –

Antwort

54

Ich fand dies eine gute Lösung

$("#myDialogID").dialog({ 
    closeOnEscape: false, 
    beforeClose: function (event, ui) { return false; }, 
    dialogClass: "noclose" 
}); 

nicht die vorhandenen Arten zu verändern sein, anstatt ein neues Bit ergänzt:

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

die Klasse recht elegante Methode endete als Zugabe, wie Ich klassifiziere den Dialog als einen, der nicht geschlossen werden kann.

+1

+1 von mir auch. Wirklich gute Lösung! – NullPointer

+0

Dies ist eine äußerst elegante Lösung. Sehr geschätzt! –

+1

Gut zu bearbeiten @Bishop, zu der Zeit des Schreibens "beforeclosed" war immer noch in ye'olden Tage Kicking :-) https://github.com/jquery/jquery-ui/comitt/b42125af4350eda14a6b15bb71f8dd336858fbd8/ –

2

ich eine andere Lösung gefunden, funktioniert für mich:

$("#divID").dialog({ 
    closeOnEscape: false, 
    open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); } 
}); 
Verwandte Themen