Looking for jquery-ui Keywords? Try Ask4Keywords

jQuery UI LibraryDialog


Syntax

  • $ (".selector") .dialog ("Option", "deaktiviert"); // Option Getter, spezifisch
  • $ (".selector") .dialog ("Option"); // Option Alle abrufen
  • $ (".selector") .dialog ("Option", "deaktiviert", true); // Option Setter, spezifisch
  • $ (".selector") .dialog ("Option", {disabled: true}); // Option Setter, mehrere
  • $ (".selector") .dialog ("close"); // Trigger schließen
  • $ (".selector") .dialog ({close: function () {}}); // Überladung schließen
  • $ (".selector") .on ("dialogclose", Funktion (Ereignis, ui) {}); // Überladung schließen

Parameter

Parameter Beschreibung
Optionen
Anhängen (Selector) [Default: "body" ] An welches Element soll der Dialog (und die Überlagerung, falls modal) angehängt werden?
autoOpen (Boolean) [Default: true ] Wenn true festgelegt ist, wird das Dialogfeld bei der Initialisierung automatisch geöffnet. Bei false bleibt der Dialog ausgeblendet, bis die Methode open () aufgerufen wird.
Tasten (Objekt / Array) Gibt an, welche Schaltflächen im Dialogfeld angezeigt werden sollen. Der Kontext des Rückrufs ist das Dialogelement. Wenn Sie auf die Schaltfläche zugreifen müssen, ist sie als Ziel des Ereignisobjekts verfügbar.
closeOnEscape (Boolean) [Standard: true ] Gibt an, ob das Dialogfeld geschlossen werden soll, wenn der Fokus festgelegt ist und der Benutzer die Escape-Taste (ESC) drückt.
closeText (String) [Standard: "close" ] Gibt den Text für die Schaltfläche "close" . Beachten Sie, dass der geschlossene Text bei Verwendung eines Standarddesigns sichtbar ausgeblendet wird.
dialogClass (String) Die angegebenen Klassennamen werden dem Dialog für zusätzliche Themen hinzugefügt.
ziehbar (Boolean) [Default: true ] Wenn diese Einstellung auf true , kann das Dialogfeld von der Titelleiste gezogen werden. Erfordert das Draggable-Widget für die jQuery-Benutzeroberfläche.
Höhe (Number / String) [Default: "auto" ] Die Höhe des Dialogs.
verbergen (Bool / Num / Str / Obj) Ob und wie das Ausblenden des Dialogs animiert wird.
maximale Höhe (Anzahl) [Standard: false ] Die maximale Höhe, bis zu der der Dialog in Pixel geändert werden kann.
maximale Breite (Anzahl) [Standard: false ] Die maximale Breite, bis zu der der Dialog in Pixel geändert werden kann.
minHöhe (Anzahl) [Standard: 150 ] Die minimale Höhe, bis zu der der Dialog in Pixel geändert werden kann.
minWidth (Anzahl) [Standard: 150 ] Die minimale Breite, bis zu der der Dialog in Pixel geändert werden kann.
modal (Boolean) [Standardeinstellung: false ] Wenn der Wert auf true gesetzt ist, weist das Dialogfeld ein modales Verhalten auf. Andere Elemente auf der Seite werden deaktiviert, dh, mit ihnen kann nicht interagiert werden. Modale Dialoge erstellen eine Überlagerung unter dem Dialog, aber über anderen Seitenelementen.
Position (Objekt) [Standard: { my: "center", at: "center", of: window } ] Gibt an, wo der Dialog beim Öffnen angezeigt werden soll. Der Dialog behandelt Kollisionen so, dass möglichst viel des Dialogs sichtbar ist.
der Größe veränderbar (Boolean) [Default: true ] Wenn auf true festgelegt, wird die Größe des Dialogfelds geändert. Erfordert, dass das Widget für die anpassbare jQuery-Benutzeroberfläche enthalten ist.
Show (Bool / Num / Str / Obj) Ob und wie die Anzeige des Dialogs animiert werden soll.
Titel (String) Gibt den Titel des Dialogs an. Wenn der Wert null ist, wird das title-Attribut des Dialogquellenelements verwendet.
Breite (Anzahl) [Standard: 300 ] Die Breite des Dialogs in Pixel.
Methoden
schließen Schließt den Dialog.
zerstören Entfernt die Dialogfunktion vollständig. Dadurch wird das Element in den Zustand vor dem Initialisieren zurückgesetzt.
Beispiel Ruft das Instanzobjekt des Dialogs ab. Wenn das Element keine zugeordnete Instanz hat, wird undefined zurückgegeben.
ist offen Ob der Dialog aktuell geöffnet ist.
moveToTop Verschiebt den Dialog an den Anfang des Dialogstapels.
öffnen Öffnet den Dialog.
Möglichkeit Ruft den aktuell mit dem angegebenen optionName Wert optionName .
Möglichkeit Ruft ein Objekt ab, das Schlüssel / Wert-Paare enthält, die den aktuellen Dialogoptionshash darstellen.
Möglichkeit Legt eine oder mehrere Optionen für den Dialog fest.
Widget Gibt ein jQuery-Objekt zurück, das den generierten Wrapper enthält.
Erweiterungspunkte
_allowInteraction (Ereignis) Modale Dialoge erlauben Benutzern nicht die Interaktion mit Elementen hinter dem Dialog. Dies kann für Elemente problematisch sein, die keine untergeordneten Elemente des Dialogs sind, aber absolut positioniert sind, um so zu erscheinen, als wären sie. Die Methode _allowInteraction() bestimmt, ob der Benutzer mit einem bestimmten _allowInteraction() interagieren darf. Daher kann es verwendet werden, um Elemente auf die Positivliste zu setzen, die keine untergeordneten Elemente des Dialogfelds sind, die Benutzer jedoch verwenden können.
Veranstaltungen
vorSchließen (event, ui) Wird ausgelöst, wenn ein Dialogfeld geschlossen wird. Wenn Sie den Vorgang abbrechen, wird der Dialog nicht geschlossen.
schließen (event, ui) Wird ausgelöst, wenn der Dialog geschlossen wird.
erstellen (event, ui) Wird ausgelöst, wenn der Dialog erstellt wird.
ziehen (event, ui {position, offset}) Wird ausgelöst, wenn der Dialog gezogen wird.
DragStart (event, ui {position, offset}) Wird ausgelöst, wenn der Benutzer beginnt, den Dialog zu ziehen.
DragStop (event, ui {position, offset}) Wird ausgelöst, nachdem der Dialog gezogen wurde.
Fokus (event, ui) Wird ausgelöst, wenn der Dialog den Fokus erhält.
öffnen (event, ui) Wird beim Öffnen des Dialogs ausgelöst.
Größe ändern (event, ui {originalPosition, position, originalSize, size}) Wird ausgelöst, während die Größe des Dialogfelds geändert wird.
resizeStart (event, ui {originalPosition, position, originalSize, size}) Wird ausgelöst, während die Größe des Dialogfelds geändert wird.
resizeStop (event, ui {originalPosition, position, originalSize, size}) Wird ausgelöst, während die Größe des Dialogfelds geändert wird.

Bemerkungen

Dialog Verwandte Beispiele