sharepoint => Praca z modalnymi oknami dialogowymi z JavaScript

Składnia

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

Parametry

opcje Właściwość	Opis
tytuł	Ciąg zawierający tytuł okna dialogowego
URL	Ciąg zawierający adres URL strony wyświetlanej w oknie dialogowym. Należy podać adres URL lub HTML . URL ma pierwszeństwo przed HTML .
HTML	Element HTML wyświetlany w oknie dialogowym.
x	Przesunięcie x okna dialogowego jako wartość całkowita.
y	Przesunięcie y okna dialogowego jako wartość całkowita.
szerokość	Szerokość okna dialogowego jako wartość całkowita. Jeśli nieokreślony i autosize ma wartość false, szerokość jest ustawiona na 768px
wysokość	Wysokość okna dialogowego jako wartość całkowita. Jeśli wartość nieokreślona i autosize ma wartość false, wysokość jest ustawiona na 576 pikseli
allowMaximize	Wartość logiczna określająca, czy powinien być wyświetlany przycisk Maksymalizuj .
showMaximized	Wartość logiczna określająca, czy okno dialogowe otwiera się w maksymalizacji.
showClose	Wartość logiczna określająca, czy przycisk Zamknij pojawia się w oknie dialogowym.
rozmiar auta	Wartość logiczna, która określa, czy platforma dialogowa automatycznie obsługuje zmianę rozmiaru okna dialogowego.
dialogReturnValueCallback	Wskaźnik funkcji określający funkcję zwrotnego wywołania zwrotnego. Funkcja przyjmuje dwa parametry: dialogResult typu SP.UI.DialogResult Enumeration oraz obiekt returnValue, który zawiera wszelkie dane zwrócone przez okno dialogowe.
args	Obiekt zawierający dane przekazywane do okna dialogowego.

Uwagi

SP.UI.ModalDialog nazw SP.UI.ModalDialog została wprowadzona do JavaScript Object Model z SharePoint 2010 i jest dostępna w kolejnych wersjach SharePoint 2013, Office365 i 2016.

Dodatkowe materiały referencyjne:

Wykonaj akcję, gdy okno dialogowe jest zamknięte

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;
        }
    }
}

Pokaż istniejącą stronę w oknie dialogowym

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

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

Pokaż niestandardowe okno dialogowe

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

Licencjonowany na podstawie CC BY-SA 3.0

Nie związany z Stack Overflow

sharepoint
Praca z modalnymi oknami dialogowymi z JavaScript

Szukaj…