sharepoint => Werken met modale dialoogvensters met JavaScript

Syntaxis

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

parameters

opties Eigenschap	Beschrijving
titel	Een tekenreeks die de titel van het dialoogvenster bevat
url	Een tekenreeks die de URL bevat van de pagina die in het dialoogvenster wordt weergegeven. U moet URL of HTML opgeven. url heeft voorrang op html .
html	Een HTML-element om in het dialoogvenster weer te geven.
X	De x-offset van het dialoogvenster als een geheel getal.
Y	De y-offset van het dialoogvenster als een geheel getal.
breedte	De breedte van het dialoogvenster als een geheel getal. Als niet gespecificeerd en autosize onwaar is, is de breedte ingesteld op 768px
hoogte	De hoogte van het dialoogvenster als een geheel getal. Als niet gespecificeerd en autosize onwaar is, wordt de hoogte ingesteld op 576px
allowMaximize	Een Booleaanse waarde die aangeeft of de knop Maximaliseren moet worden weergegeven.
showMaximized	Een Booleaanse waarde die aangeeft of het dialoogvenster gemaximaliseerd wordt geopend.
showClose	Een Booleaanse waarde die aangeeft of de knop Sluiten in het dialoogvenster wordt weergegeven.
automatische grootte	Een Booleaanse waarde die aangeeft of het dialoogplatform de grootte van dialoogvensters automatisch verwerkt.
dialogReturnValueCallback	Een functie-aanwijzer die de functie voor terugbellen opgeeft. De functie heeft twee parameters: een dialogResult van het type SP.UI.DialogResult Enumeration en een returnValue- object dat alle gegevens bevat die door het dialoogvenster worden geretourneerd.
args	Een object dat gegevens bevat die worden doorgegeven aan het dialoogvenster.

Opmerkingen

De SP.UI.ModalDialog naamruimte is met SharePoint 2010 geïntroduceerd in het JavaScript- SP.UI.ModalDialog en is beschikbaar in de volgende SharePoint-versies 2013, Office365 en 2016.

Aanvullende referentiematerialen:

Voer een actie uit wanneer een dialoogvenster wordt gesloten

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

Toon een bestaande pagina in een dialoogvenster

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

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

Een aangepast dialoogvenster weergeven

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

Licentie onder CC BY-SA 3.0

Niet aangesloten bij Stack Overflow

sharepoint
Werken met modale dialoogvensters met JavaScript

Zoeken…