GlideModal – Client
Die GlideModal Die API bietet Methoden zum Anzeigen einer Inhaltsüberlagerung, die als modales Element bezeichnet wird. Modale Elemente sind interaktive Fenster, die über einer Seite angezeigt und geschlossen werden, wenn ein Anwender eine Aktion ausführt. Sie können ein modales Element verwenden, um Informationen anzuzeigen, Fragen zu stellen oder Aktionen auszuführen.
Verwenden Sie GlideModal Methoden in Skripts an beliebiger Stelle, die Sie clientseitiges JavaScript verwenden können. Diese Methoden werden am häufigsten von einer UI-Aktion mit aufgerufen Client Kontrollkästchen ausgewählt.
Mit GlideModal API Sie können anwenderdefinierte modale Elemente erstellen oder vorhandene modale Elemente des Basissystems nutzen.
GlideModal funktioniert nicht im Arbeitsbereich, verwenden Sie stattdessen G_Modal API.
- Statischer Text
- Dynamischer Text
- Formulare
- Images
- Schaltflächen
- Rufen Sie ein Basissystem-Modal ab, z. B.
Glide_confirm,Glide_Info, OderGlide_Alert. - Erstellen Sie modalen Inhalt aus einer UI-Seite oder aus übergebener HTML.
- Legen Sie den Titel im Modal fest.
- Legen Sie den Textinhalt des Modals fest.
- Legen Sie die Breite des Modals fest.
- Rufen Sie Einstellungen ab, und legen Sie sie fest.
- Modale Ansichten wechseln.
var dialog = new GlideModal("my_modal");
//Set the dialog title
dialog.setTitle('Show title');
//Set the dialog width
dialog.setWidth(550);
//Display the modal
dialog.render();Dieses Codebeispiel zeigt, wie ein modales Element mit erstellt und gerendert wird RenderWithContent() Methode und HTML zum Definieren des Inhalts des Modals.
function cancelDialog(){
var dialog = new GlideModal('cancelTask');
//Sets the dialog title
dialog.setTitle('Cancel Task');
//Set up valid custom HTML to display
dialog.renderWithContent('<div style="padding:15px"><p>What action do you want to take?</p>
<p><select name="cancellation" id="taskCancellation" class="form-control">
<option value="cancelOnly" role="option">Cancel this task but keep the requested item open</option>
<option value="cancelAll" role="option">Cancel this and all other tasks, closing the requested item</option>
</select></p><div style="padding:5px;float:right"><button style="padding:5px;margin-right:10px" onclick="window.changeTaskAction(this.innerHTML,jQuery(\'#taskCancellation\').val())" class="btn btn-default">Abort</button><button style="padding:5px" class="btn btn-primary" onclick="window.changeTaskAction(this.innerHTML,jQuery(\'#taskCancellation\').val())">Cancel Task</button></div></div>');
//Use the windows object to ensure the code is accessible from the modal dialog
window.changeTaskAction = function(thisButton, thisAction){
//Close the GlideModal dialog window
dialog.destroy();
//Submit to the back-end
if(thisButton=='Cancel Task'){
if(thisAction=="cancelAll"){
g_form.setValue('state',4); //Closed Incomplete -- will close the Requested Item and all other open tasks
}else{
g_form.setValue('state',7); //Closed Skipped -- will only close this task
}
//Regular ServiceNow form submission
gsftSubmit(null, g_form.getFormElement(), 'cancel_sc_task');
}
};
return false; //Prevents the form from submitting when the dialog first load
}Modale Elemente des Basissystems
Eine Basis ServiceNowDie Instanz stellt die folgenden als UI-Seiten definierten modalen Elemente bereit, die Sie beim Anzeigen eines modalen Elements mit verwenden können GlideModal :
Glide_Alert_Standard: Ein Warnungsmodal mit OK Schaltfläche und ein Info- oder Warnsymbol.-
Glide_Ask_Standard: Ein Bestätigungsmodal mit Ja Und Nein Schaltflächen. -
Glide_confirm: Ein Bestätigungsmodal mit Nicht speichern , Abbrechen , Und Speichern Schaltflächen. -
Glide_confirm_Basic: Ein Bestätigungsmodal mit OK Und Abbrechen Schaltfläche ohne Symbol. -
Glide_confirm_Standard: Ein Bestätigungsmodal mit OK Und Abbrechen Schaltfläche und ein Info- oder Warnsymbol. -
Glide_Info: Ein modales Informationsfenster mit einem Infosymbol und einem OK Schaltfläche die Breite des modalen Fensters. -
Glide_Progress_Standard: Ein modales Element für Informationen mit Schließen Schaltfläche, Info- oder Warnungssymbol und Fortschrittsbalken für Bildlauf. Der Fortschrittsbalken ist ein animiertes GIF-Bild und kann nicht als typischer Fortschrittsbalken aktualisiert werden. -
glide_progress_no_button: Ein modales Informationsfenster mit einem Info- oder Warnsymbol und einem Scrollfortschrittsbalken. Der Fortschrittsbalken ist ein animiertes GIF-Bild und kann nicht als typischer Fortschrittsbalken aktualisiert werden. -
Glide_Prompt: Ein modales Element mit einem Eingabeaufforderungstextfeld und OK Und Abbrechen Schaltfläche. -
Glide_warn: Ein einfaches modales Element mit OK Schaltfläche, aber kein Symbol.
Einstellungen
Modaleinstellungen bieten eine Möglichkeit, Daten an das gerenderte Modal zu übergeben. Sie verwenden SetEinstellung() Oder SetPrefAndReload() Methoden zum Festlegen eines Einstellungswerts. Sie verwenden dann GlideModal – getPreference(Zeichenfolgenname)Methode zum Abrufen einer festgelegten Einstellung.
Verwenden Sie die folgende Funktion, um Einstellungen auf einer UI-Seite abzurufen: RP.getWindowProperties().get('preferences_Name') .
- Autofokus: Kennzeichnung, die angibt, ob das modale Element nach dem Rendern automatisch den Fokus erhält. Legen Sie den Wert auf „wahr“ fest, wenn das Modal initialisiert wird.
- Textkörper: Legt den übergebenen Inhalt im Textkörper des Modals fest.
- ButtonClass: Legt die Schaltflächenklasse fest.
- ButtonClassCancel: Legt die Klasse für die Schaltfläche „Abbrechen“ im Modal fest.
- ButtonClassComplete: Legt die Klasse für die Schaltfläche „OK“ (Abgeschlossen) im Modal fest.
- ButtonLabel legt die Schaltflächenbezeichnung fest.
- ButtonLabelCancel: Legt die Bezeichnung für die Schaltfläche „Abbrechen“ im modalen Element fest.
- ButtonLabelComplete: Legt die Bezeichnung für die Schaltfläche „OK“ (Abgeschlossen) im Modal fest.
- CallbackParam: Legt einen Rückrufparameter fest.
- FokusTrap: Kennzeichnung, die angibt, ob alle Interaktionen außerhalb des Modals blockiert werden sollen, während sie geöffnet sind. Auf „falsch“ festlegen, wenn das Modal initialisiert wird.
- Modal_title: Legt den Titel des Modals fest. Verwendet von SetTitle() Methode.
- OnPromptCancel: Definiert eine Funktion, die aufgerufen werden soll, wenn der Anwender auswählt Abbrechen Schaltfläche.Zum Beispiel:
dialog.setPreference("onPromptCancel", function() { return false; }); - OnPromptComplete: Definiert eine Funktion, die aufgerufen werden soll, wenn der Anwender auswählt OK Schaltfläche.Zum Beispiel:
dialog.setPreference("onPromptComplete", function () { gsftSubmit(null, g_form.getFormElement(), 'check_button'); });
GlideModal – GlideModal (Zeichenfolgen-ID, schreibgeschützter boolescher Wert, Zahl-/Zeichenfolgenbreite)
Erstellt eine Instanz von GlideModal Klasse.
| Name | Typ | Beschreibung |
|---|---|---|
| ID | Zeichenfolge | Name von E UI-Seite Zum Laden in das modale Element. Sie finden die Liste der verfügbaren UI-Seiten in |
| Monatlich | Boolean | Optional. Kennzeichnung, die angibt, ob der Inhalt im Modal schreibgeschützt ist. Gültige Werte:
Standard: Falsch |
| width | Zahl oder Zeichenfolge | Optional. Breite des modalen Elements in Pixel oder der modalen CSS-Klasse. Wenn eine Pixelbreite übergeben wird, richtet sie die angegebene Breite an der entsprechenden CSS-Klasse aus. Mögliche modale CSS-Klassen:
Standard: Modal-md Maximale Breite: 900 Pixel Hinweis: Sie können die Breite des Modals auch mit festlegen GlideModal – setWidth(Zahl-/Zeichenfolgenbreite)Methode. |
Das folgende Codebeispiel zeigt, wie ein GlideModal-Objekt mithilfe einer vorhandenen UI-Seite erstellt wird.
var dialog = new GlideModal('UI_dialog_name');
//Set the dialog title
dialog.setTitle('Show title');
//Set the desired preferences
dialog.setPreference('table', 'task');
dialog.setPreference('name', 'value');
//Opens the dialog
dialog.render();Das folgende Codebeispiel zeigt, wie ein GlideModal-Objekt mit erstellt wird Glide_confirm Datei.
var dialog = new GlideModal('glide_confirm', true, 300);
dialog.setTitle(new GwtMessage().getMessage('Confirmation'));
dialog.setPreference('body', new GwtMessage().format("This will complete all update sets in the batch. Continue changing state to complete?"));
dialog.setPreference('focusTrap', true);
dialog.setPreference('onPromptComplete', doComplete);
dialog.setPreference('onPromptCancel', doCancel);
dialog.render();
function doComplete() {
callback(true);
}
function doCancel() {
callback(false);
}GlideModal – Destroy()
Schließt das aktuelle modale Element.
| Name | Typ | Beschreibung |
|---|---|---|
| Keine |
| Typ | Beschreibung |
|---|---|
| Keine |
Das folgende Codebeispiel zeigt, wie verwendet wird Zerstören() Methode zum Schließen eines modalen Elements.
function cancelDialog(){
var gmod = new GlideModal('cancelTask');
//Sets the dialog title
gmod.setTitle('Cancel Task');
//Set up valid custom HTML to be displayed
gmod.renderWithContent('<div style="padding:15px"><p>What action do you want to take?</p>
<p><select name="cancellation" id="taskCancellation" class="form-control">
<option value="cancelOnly" role="option">Cancel this task but keep the requested item open</option>
<option value="cancelAll" role="option">Cancel this and all other tasks, closing the requested item</option>
</select></p><div style="padding:5px;float:right"><button style="padding:5px;margin-right:10px" onclick="window.changeTaskAction(this.innerHTML,jQuery(\'#taskCancellation\').val())" class="btn btn-default">Abort</button><button style="padding:5px" class="btn btn-primary" onclick="window.changeTaskAction(this.innerHTML,jQuery(\'#taskCancellation\').val())">
Cancel Task</button></div></div>');
//Use the windows object to ensure our code is accessible from the modal dialog
window.changeTaskAction = function(thisButton, thisAction){
//Close the glide modal dialog window
gmod.destroy();
//Submit to the back-end
if(thisButton=='Cancel Task'){
if(thisAction=="cancelAll"){
g_form.setValue('state',4); //Closed Incomplete -- closes the Requested Item and all other open tasks
}else{
g_form.setValue('state',7); //Closed Skipped -- only closes this task
}
//Regular ServiceNow form submission
gsftSubmit(null, g_form.getFormElement(), 'cancel_sc_task');
}
};
return false; //Prevents the form from submitting when the dialog first load
}Das folgende Codebeispiel zeigt die Verwendung GlideModal.GET().Destroy() Zum Schließen eines modalen Elements.
// The following button should be declared somewhere in the UI page HTML.
<button onclick="closeMe()">close</button>
// The following code is in the client script.
function closeGlideModal() {
try {
GlideModal.get().destroy();
}catch(err){
console.warn("closeGlideModal ERROR: "+err.message);
var x = document.getElementById('THE_NAME_OF_YOUR_UI_PAGE' + '_closemodal');
if (x) {
x.click();
} else {
console.warn("No 'X' close button found!");
}
}
}
function closeMe() {
setTimeout(function(){
closeGlideModal();
},100);
}GlideModal – GET(Zeichenfolgen-ID)
Gibt das GlideModal-Objekt zurück, das durch den angegebenen UI-Seitennamen identifiziert wird.
Verwenden Sie diese Methode, um das GlideModal-Objekt abzurufen, das in anderen GlideModal-Vorgängen verwendet werden soll, z. B. GlideModal.GET().Destroy() .
| Name | Typ | Beschreibung |
|---|---|---|
| ID | Zeichenfolge | Name von UI-Seite Dem modalen Element zugeordnet. Sie können auch angeben Modale Elemente des Basissystems Die in einer Basisinstanz bereitgestellt werden. Sie finden die Liste der verfügbaren UI-Seiten in an. |
| Typ | Beschreibung |
|---|---|
| GlideModal | Angefordertes GlideModal-Objekt. |
Dieses Beispiel zeigt, wie verwendet wird Get() Methode zum Abrufen des modalen Elements, das Sie mit schließen möchten Zerstören() Methode.
// If the modal was initially created like this:
var dialog = new GlideModal("glide_confirm");
dialog.render();
// Some code using the modal
.
.
.
// Now use the get() and destroy() methods to close the modal
var glideModal = new GlideModal().get("glide_confirm");
glideModal.destroy();
// You could also code it like this:
GlideModal.prototype.get("glide_confirm").destroy();GlideModal – getPreference(Zeichenfolgenname)
Gibt den Wert der angegebenen Einstellung (Eigenschaft) zurück. Verwenden Sie Einstellungen, um Daten an die gerenderte Seite zu übergeben.
Durch das Aufrufen von Aktionen, die das Modal erstellen, werden normalerweise auch die erforderlichen Einstellungen für das Modal mithilfe von erstellt GlideModal – setPreference (Zeichenfolgenname, Zeichenfolgenwert)Methode. Das Client-Skript der UI-Seite kann diese Einstellungen dann mit dieser Methode und der folgenden Funktion verwenden: RP.getWindowProperties().get('preferences_Name') .
| Name | Typ | Beschreibung |
|---|---|---|
| name | Zeichenfolge | Name des abzurufenden Einstellungswerts. Dieser Wert muss zuvor im Modal mit festgelegt worden sein GlideModal – setPreference (Zeichenfolgenname, Zeichenfolgenwert)Methode. |
| Typ | Beschreibung |
|---|---|
| Zeichenfolge | Angegebener Wert der Einstellung. |
Dieses Beispiel zeigt eine einfache Fall, in dem eine Einstellung festgelegt und diese Einstellung dann aus einem angegebenen Modal abgerufen wird.
var dialog = new GlideModal('UI_dialog_name');
// Sets the dialog title
dialog.setTitle('Modal title');
// Sets the value of the preference table
dialog.setPreference('table', 'incident');
// Gets the value of the preference table
var title = dialog.getPreference('table');GlideModal – Rendern()
Rendert die UI-Seite, die angegeben wurde, als die API im Modal instanziiert wurde. Sie müssen diese Methode aufrufen, nachdem Sie das Modal definiert haben, damit sie in der Anwenderoberfläche angezeigt wird.
Rufen Sie diese Methode auf, wenn Sie eine UI-Seite verwenden, um den Inhalt in Ihrem modalen Element zu generieren. Wenn Sie HTML in einem modalen Element anzeigen möchten, rufen Sie entweder auf GlideModal – renderWithContent (Objekt-HTML)Oder GlideModal – renderWithContent (Zeichenfolge html)Zum Rendern des Modals.
| Name | Typ | Beschreibung |
|---|---|---|
| Keine |
| Typ | Beschreibung |
|---|---|
| Ungültig |
Das folgende Codebeispiel zeigt, wie ein instanziiert wird GlideModal Objekt, das die UI-Seiten verwendet Glide_confirm Und Glide_Info , Legen Sie verschiedene Einstellungen fest, und zeigen Sie dann das entsprechende modale Element in der Anwenderoberfläche an (Rendern).
var UpdateSetClient = Class.create({
mergeConfirm: function () {
var filterCriteriaMsg = "Please select filter criteria matching two or more update sets to merge";
var messageMap = new GwtMessage().getMessages([filterCriteriaMsg, "Confirmation",
"Are you sure you want to merge these {0} update sets? You will not be able to undo this action",
"Invalid selection", "OK", "Cancel"]);
var list = GlideList2.get('sys_update_set');
var dialog;
if (list.totalRows == 0 || list.totalRows == 1) {
dialog = new GlideModal('glide_info', true, 300);
dialog.setPreference('focusTrap', true);
dialog.setTitle(messageMap["Invalid selection"]);
dialog.setPreference('body', messageMap[filterCriteriaMsg]);
dialog.setPreference('buttonLabel', messageMap["OK"]);
dialog.render();
return;
}
dialog = new GlideModal('glide_confirm', true, 300);
dialog.setTitle(messageMap["Confirmation"]);
dialog.setPreference('focusTrap', true);
dialog.setPreference('body', new GwtMessage().format(
messageMap["Are you sure you want to merge these {0} update sets? You will not be able to undo this action"],
list.totalRows));
dialog.setPreference('buttonLabelComplete', messageMap["OK"]);
dialog.setPreference('onPromptComplete', this.merge);
dialog.setPreference('buttonLabelCancel', messageMap["Cancel"]);
dialog.setPreference('onPromptCancel', this.mergeExit);
dialog.render();
},
merge: function () {
var list = GlideList2.get('sys_update_set');
var query = list.getQuery();
var name = $('update_set_name').value;
var comments = $('update_set_comments').value;
var gurl = new GlideAjax('AngularProcessor','angular.do');
gurl.addParam('sysparm_type', 'hub_client');
gurl.addParam('type', 'merge_update_sets');
gurl.addParam('name', name);
gurl.addParam('comments', comments);
gurl.addParam('query', query);
gurl.getXML(function (response) {
var data = response.responseText.evalJSON();
var p = data.progress;
if (p) {
var progressId = p.progress_id;
var map = new GwtMessage().getMessages(["Close", "Update Set Merge"]);
var dialogClass = window.GlideModal ? GlideModal : GlideDialogWindow;
var dd = new dialogClass("hierarchical_progress_viewer", false, "40em", "10.5em");
dd.setPreference('focusTrap', true);
dd.setTitle(map["Update Set Merge"]);
dd.setPreference('sysparm_renderer_execution_id', progressId);
dd.setPreference('sysparm_renderer_expanded_levels', '0'); // collapsed root node by default
dd.setPreference('sysparm_button_close', map["Close"]);
dd.render();
//when all trackers are completed
dd.on("executionComplete", function(trackerObj) {
if (trackerObj.state == "2") {
var redirectUrl = new GlideURL('sys_update_set_list.do');
window.location.replace(redirectUrl.getURL());
return;
}
var closeBtn = $("sysparm_button_close");
if (closeBtn) {
closeBtn.onclick = function() {
dd.destroy();
};
}
});
}
});
},
mergeExit: function () {
// Do nothing interesting...
}
});GlideModal – renderWithContent (Objekt-HTML)
Zeigt ein modales Element mit dem angegebenen objektbasierten HTML-Inhalt an.
Verwenden Sie RenderWithContent() Methode anstelle von Rendern() Methode beim Ableiten des modalen Inhalts aus HTML.
| Name | Typ | Beschreibung |
|---|---|---|
| html | Objekt | HTML-Inhalt, der im Modal angezeigt werden soll. |
| Typ | Beschreibung |
|---|---|
| Ungültig |
Th E das folgende Beispiel zeigt, wie „Hallo Welt“ im Modal angezeigt wird.
var dialog = new GlideModal();
dialog.renderWithContent('<div>Hello World</div>');GlideModal – renderWithContent (Zeichenfolge html)
Zeigt ein modales Element mit dem angegebenen zeichenfolgenbasierten HTML-Inhalt an.
Verwenden Sie RenderWithContent() Methode anstelle von Rendern() Methode beim Ableiten des modalen Inhalts aus HTML.
| Name | Typ | Beschreibung |
|---|---|---|
| html | Zeichenfolge | HTML-Inhalt, der im Modal angezeigt werden soll. |
| Typ | Beschreibung |
|---|---|
| Ungültig |
Dieses Codebeispiel zeigt, wie ein modales Element angezeigt wird, das mit der übergebenen HTML-Zeichenfolge erstellt wird, die eine Liste von Auswahlmöglichkeiten enthält, aus denen der Anwender auswählen kann.
function cancelDialog(){
var dialog = new GlideModal('cancelTask');
//Sets the dialog title
dialog.setTitle('Cancel Task');
//Set up valid custom HTML to display
dialog.renderWithContent('<div style="padding:15px"><p>What action do you want to take?</p>
<p><select name="cancellation" id="taskCancellation" class="form-control">
<option value="cancelOnly" role="option">Cancel this task but keep the requested item open</option>
<option value="cancelAll" role="option">Cancel this and all other tasks, closing the requested item</option>
</select></p><div style="padding:5px;float:right"><button style="padding:5px;margin-right:10px" onclick="window.changeTaskAction(this.innerHTML,jQuery(\'#taskCancellation\').val())" class="btn btn-default">Abort</button><button style="padding:5px" class="btn btn-primary" onclick="window.changeTaskAction(this.innerHTML,jQuery(\'#taskCancellation\').val())">Cancel Task</button></div></div>');
//Use the windows object to ensure the code is accessible from the modal dialog
window.changeTaskAction = function(thisButton, thisAction){
//Close the GlideModal dialog window
dialog.destroy();
//Submit to the back-end
if(thisButton=='Cancel Task'){
if(thisAction=="cancelAll"){
g_form.setValue('state',4);//Closed Incomplete -- will close the Requested Item and all other open tasks
}else{
g_form.setValue('state',7);//Closed Skipped -- will only close this task
}
//Regular ServiceNow form submission
gsftSubmit(null, g_form.getFormElement(), 'cancel_sc_task');
}
};
return false;//Prevents the form from submitting when the dialog first load
}GlideModal – setPreference (Zeichenfolgenname, Zeichenfolgenwert)
Legt den Wert der angegebenen Einstellung (Eigenschaft) fest. Verwenden Sie Einstellungen, um Daten an die gerenderte Seite zu übergeben.
Verwenden Sie die folgende Funktion, um Einstellungen auf einer UI-Seite abzurufen: RP.getWindowProperties().get('preferences_Name') . Weitere Informationen zu Einstellungen finden Sie unter GlideModal – Client.
| Name | Typ | Beschreibung |
|---|---|---|
| name | Zeichenfolge | Name der Einstellung, deren Wert festgelegt werden soll. |
| Wert | Zeichenfolge | Wert, der in der angegebenen Einstellung gespeichert werden soll. |
| Typ | Beschreibung |
|---|---|
| Ungültig |
Das folgende Codebeispiel zeigt, wie festgelegt wird tableEinstellung für „Aufgabe“ und nameEinstellung auf „Wert“.
var dialog = new GlideModal('UI_dialog_name');
//Set the dialog title
dialog.setTitle('Show title');
//Set the desired preferences
dialog.setPreference('table', 'task');
dialog.setPreference('name', 'value');
//Opens the dialog
dialog.render();Das folgende Beispiel zeigt, wie Basiseinstellungen in einem Glide_confirm-Modal festgelegt werden.
var dialog = new GlideModal('glide_confirm', true, 300);
dialog.setTitle('Example Title');
dialog.setPreference('body', 'Example Body');
dialog.setPreference('focusTrap', true);
dialog.setPreference('callbackParam', 'exampleParameter');
dialog.setPreference('buttonClassComplete', 'btn-primary');
dialog.setPreference('onPromptComplete', function(param) {
console.log('Prompt completed with param: ' + param);
});
dialog.setPreference('onPromptCancel', function(param) {
console.log('Prompt cancelled with param: ' + param);
});
dialog.render();GlideModal – setPreferenceAndReload(Array-Eigenschaften)
Legt die angegebenen Einstellungen fest und lädt das modale Element dann neu.
| Name | Typ | Beschreibung |
|---|---|---|
| Eigenschaften | Array | Name-Wert-Paare, die als Einstellungen festgelegt werden sollen. |
| Typ | Beschreibung |
|---|---|
| Ungültig |
Dieses Beispiel zeigt, wie ein modales Element erstellt und gerendert und dann aktualisiert wird Textkörper Einstellung und erneutes Laden des modalen Elements.
var dialog = new GlideModal('glide_confirm');
dialog.setPreference('body', 'This is a test modal body');
dialog.setTitle('This is a test modal title');
dialog.render();
...
dialog.setPreferenceAndReload({'body': 'this is another body'})GlideModal – setTitle(Zeichenfolgentitel)
Legt den Titel des Modals fest.
| Name | Typ | Beschreibung |
|---|---|---|
| Titel | Zeichenfolge | Text, der im Titel des Modals angezeigt werden soll. |
| Typ | Beschreibung |
|---|---|
| Ungültig |
Das folgende Codebeispiel zeigt, wie der modale Titel auf „zu aktualisierende Tabelle“ festgelegt wird.
var dialog = new GlideModal('UI_dialog_name');
//Sets the dialog title
dialog.setTitle('Table to update');
dialog.setPreference('table', 'task');
dialog.setWidth(550);
//Opens the dialog
dialog.render();GlideModal – setWidth(Zahl-/Zeichenfolgenbreite)
Legt fest Breite des Modals .
Sie können auch die Breite eines modalen Elements festlegen, wenn Sie die API zum ersten Mal mit instanziieren GlideModal – GlideModal (Zeichenfolgen-ID, schreibgeschützter boolescher Wert, Zahl-/Zeichenfolgenbreite)Methode.
| Name | Typ | Beschreibung |
|---|---|---|
| width | Zahl oder Zeichenfolge | Breite des modalen Elements in Pixel oder der modalen CSS-Klasse. Wenn eine Pixelbreite übergeben wird, richtet sie die angegebene Breite an der entsprechenden CSS-Klasse aus. Mögliche modale CSS-Klassen:
Maximale Breite: 900 Pixel |
| Typ | Beschreibung |
|---|---|
| Ungültig |
Das folgende Codebeispiel zeigt, wie die Breite des Modals auf 550 Pixel festgelegt wird.
var dialog = new GlideModal('UI_dialog_name');
//Sets the dialog title
dialog.setTitle('Show title');
dialog.setPreference('name', 'value');
dialog.setWidth(550);
//Opens the dialog
dialog.render();GlideModal – SwitchView(Zeichenfolge newView)
Ändern Sie Ansicht Und laden Sie das modale Element neu.
| Name | Typ | Beschreibung |
|---|---|---|
| NeuAnsicht | Zeichenfolge | Zu verwendende Ansicht. |
| Typ | Beschreibung |
|---|---|
| Ungültig |
Dieses Beispiel ist Hows a