sharepoint => Arbeiten mit modalen Dialogfeldern mit JavaScript

Syntax

var options = SP.UI. $ create_DialogOptions ();
var modalDialog = SP.UI.ModalDialog.showModalDialog (Optionen);

Parameter

Optionen Eigenschaft	Beschreibung
Titel	Eine Zeichenfolge, die den Titel des Dialogs enthält
URL	Eine Zeichenfolge, die die URL der Seite enthält, die im Dialogfeld angezeigt wird. Es muss entweder URL oder HTML angegeben werden. URL hat Vorrang vor HTML .
html	Ein HTML-Element, das im Dialog angezeigt werden soll.
x	Der X-Versatz des Dialogs als ganzzahliger Wert.
y	Der y-Versatz des Dialogs als ganzzahliger Wert.
Breite	Die Breite des Dialogs als ganzzahliger Wert. Wenn unspecified und autosize false ist, wird die Breite auf 768px gesetzt
Höhe	Die Höhe des Dialogs als ganzzahliger Wert. Wenn nicht angegeben und autosize falsch ist, wird die Höhe auf 576px gesetzt
allowMaximize	Ein boolescher Wert, der angibt, ob die Schaltfläche " Maximieren" angezeigt werden soll.
showMaximized	Ein boolescher Wert, der angibt, ob der Dialog maximiert geöffnet wird.
showClose	Ein boolescher Wert, der angibt, ob die Schaltfläche Schließen im Dialogfeld angezeigt wird.
automatische Größenanpassung	Ein boolescher Wert, der angibt, ob die Dialogplattform die Größenanpassung von Dialogen automatisch übernimmt.
dialogReturnValueCallback	Ein Funktionszeiger, der die Return Callback-Funktion angibt. Die Funktion akzeptiert zwei Parameter: ein dialogResult vom Typ SP.UI.DialogResult-Enumeration und ein returnValue- Objekt, das alle vom Dialog zurückgegebenen Daten enthält.
args	Ein Objekt, das Daten enthält, die an das Dialogfeld übergeben werden.

Bemerkungen

Der Namespace SP.UI.ModalDialog wurde in das JavaScript-Objektmodell mit SharePoint 2010 eingeführt und ist in den nachfolgenden SharePoint-Versionen 2013, Office365 und 2016 verfügbar.

Zusätzliche Referenzmaterialien:

Führen Sie eine Aktion aus, wenn ein Dialogfeld geschlossen ist

SP.SOD.executeOrDelayUntilScriptLoaded(showDialog,"sp.js");

function showDialog(){
    var options = SP.UI.$create_DialogOptions();
    options.url = "/mySite/lists/myList/NewForm.aspx";
    options.dialogReturnValueCallback = myCallBackFunction;
    SP.UI.ModalDialog.showModalDialog(options);    
    function myCallBackFunction(result,data){
        switch(result){
            case SP.UI.DialogResult.invalid: 
                alert("The dialog result was invalid"); 
                break;
            case SP.UI.DialogResult.cancel: 
                alert("You clicked cancel or close"); 
                break;
            case SP.UI.DialogResult.OK: 
                alert("You clicked OK, creating an item in the list."); 
                break;
        }
    }
}

Vorhandene Seite in einem Dialog anzeigen

SP.SOD.executeOrDelayUntilScriptLoaded(showDialog,"sp.js");

function showDialog(){
    SP.UI.ModalDialog.showModalDialog(
        { url: "/org/it/web/wik/Lists/ExampleCode/DispForm.aspx?ID=6" }
    );
}

Ein benutzerdefiniertes Dialogfeld anzeigen

SP.SOD.executeOrDelayUntilScriptLoaded(showDialog,"sp.js");

function showDialog(){
    var dialogOptions = SP.UI.$create_DialogOptions();
    dialogOptions.title = "Your Title Here!";
    var dummyElement = document.createElement("div");
    dummyElement.style.textAlign = "center";
    dummyElement.appendChild(document.createElement("br"));
    dummyElement.appendChild(document.createTextNode("Some beautifully crafted text."));
    dummyElement.appendChild(document.createElement("br"));
    dialogOptions.html = dummyElement;
    SP.UI.ModalDialog.showModalDialog(dialogOptions);    
}

Modified text is an extract of the original Stack Overflow Documentation

Lizenziert unter CC BY-SA 3.0

Nicht angeschlossen an Stack Overflow

sharepoint
Arbeiten mit modalen Dialogfeldern mit JavaScript

Suche…