sharepoint => Arbeta med modala dialogrutor med JavaScript

Syntax

var optioner = SP.UI. $ create_DialogOptions ();
var modalDialog = SP.UI.ModalDialog.showModalDialog (alternativ);

parametrar

alternativ Egendom	Beskrivning
titel	En sträng som innehåller titeln på dialogrutan
url	En sträng som innehåller webbadressen för sidan som visas i dialogrutan. Antingen url eller html måste anges. url har företräde framför html .
html	Ett HTML-element som ska visas i dialogrutan.
x	X-förskjutningen av dialogrutan som ett heltalvärde.
y	Y-förskjutningen av dialogrutan som ett heltalvärde.
bredd	Dialogrutans bredd som ett heltal. Om ospecificerat och autosize är falsk är bredden inställd på 768px
höjd	Höjden på dialogen som ett heltal. Om ospecificerat och autosize är falsk är höjden inställd på 576px
allowMaximize	Ett booleskt värde som anger om Maximera- knappen ska visas.
showMaximized	Ett booleskt värde som anger om dialogrutan öppnas maximerad.
showClose	Ett booleskt värde som anger om knappen Stäng visas i dialogrutan.
autosize	Ett booleskt värde som anger om dialogplattformen hanterar dialogriktning automatiskt.
dialogReturnValueCallback	En funktionspekare som anger återuppringningsfunktionen. Funktionen tar två parametrar: en dialogResultat av typen SP.UI.DialogResult Enumeration och ett returnValue- objekt som innehåller alla data som returneras av dialogrutan.
args	Ett objekt som innehåller data som skickas till dialogrutan.

Anmärkningar

SP.UI.ModalDialog namnområdet introducerades till JavaScript-objektmodellen med SharePoint 2010 och är tillgängligt i efterföljande SharePoint-versioner 2013, Office365 och 2016.

Ytterligare referensmaterial:

Utför en åtgärd när en dialogruta är stängd

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

Visa en befintlig sida i en dialog

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

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

Visa en anpassad dialog

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

Licensierat under CC BY-SA 3.0

Inte anslutet till Stack Overflow

sharepoint
Arbeta med modala dialogrutor med JavaScript

Sök…