sharepoint
Lavorare con le finestre di dialogo modali con JavaScript

.NET Framework ASP.NET C# Language CSS HTML JavaScript jQuery PowerShell Microsoft SQL Server VBA

Sintassi

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

Parametri

opzioni Proprietà	Descrizione
titolo	Una stringa che contiene il titolo della finestra di dialogo
url	Una stringa che contiene l'URL della pagina che appare nella finestra di dialogo. È necessario specificare URL o html . l'url ha la precedenza su html .
html	Un elemento HTML da visualizzare all'interno della finestra di dialogo.
X	L'offset x della finestra di dialogo come valore intero.
y	L'offset y della finestra di dialogo come valore intero.
larghezza	La larghezza della finestra di dialogo come valore intero. Se non specificato e autosize è falso, la larghezza è impostata su 768px
altezza	L'altezza della finestra di dialogo come valore intero. Se non specificato e autosize è falso, l'altezza è impostata su 576px
allowMaximize	Un valore booleano che specifica se deve essere mostrato il pulsante Ingrandisci .
SHOWMAXIMIZED	Un valore booleano che specifica se la finestra di dialogo si apre ingrandita.
showClose	Un valore booleano che specifica se il pulsante Chiudi viene visualizzato nella finestra di dialogo.
dimensione dell'auto	Un valore booleano che specifica se la piattaforma di dialogo gestisce automaticamente il ridimensionamento della finestra di dialogo.
dialogReturnValueCallback	Un puntatore a funzione che specifica la funzione di callback di ritorno. La funzione accetta due parametri: una finestra di dialogo di tipo SP.UI.DialogResult Enumeration e un oggetto returnValue che contiene tutti i dati restituiti dalla finestra di dialogo.
args	Un oggetto che contiene dati che vengono passati alla finestra di dialogo.

Osservazioni

Lo spazio SP.UI.ModalDialog nomi SP.UI.ModalDialog stato introdotto nel modello a oggetti JavaScript con SharePoint 2010 ed è disponibile nelle successive versioni di SharePoint 2013, Office365 e 2016.

Materiale di riferimento aggiuntivo:

Esegui un'azione quando una finestra di dialogo è chiusa

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

Mostra una pagina esistente in una finestra di dialogo

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

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

Mostra una finestra di dialogo personalizzata

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

Autorizzato sotto CC BY-SA 3.0

Non affiliato con Stack Overflow