sharepoint
Работа с модальными диалоговыми окнами с JavaScript

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

Синтаксис

var options = SP.UI. $ create_DialogOptions ();
var modalDialog = SP.UI.ModalDialog.showModalDialog (опции);

параметры

Варианты недвижимости	Описание
заглавие	Строка, содержащая заголовок диалога
URL	Строка, содержащая URL-адрес страницы, которая появляется в диалоговом окне. Необходимо указать URL-адрес или html . url имеет приоритет над html .
HTML	HTML-элемент для отображения в диалоговом окне.
Икс	X-смещение диалога в виде целочисленного значения.
Y	У-смещение диалога в виде целочисленного значения.
ширина	Ширина диалога как целочисленное значение. Если unspecified и autosize false, ширина устанавливается равной 768px
рост	Высота диалога как целочисленное значение. Если unspecified и autosize false, высота устанавливается равной 576px
allowMaximize	Булевое значение, указывающее, должна ли отображаться кнопка Maximize .
showMaximized	Логическое значение, определяющее, открывается ли диалоговое окно.
showClose	Логическое значение, указывающее, появляется ли в диалоговом окне кнопка Закрыть .
авто размер	Логическое значение, указывающее, будет ли диалоговая платформа автоматически обрабатывать диалоги.
dialogReturnValueCallback	Указатель функции, который задает функцию обратного обратного вызова. Функция принимает два параметра: dialogResult типа SP.UI.DialogResult Enumeration и объект returnValue, который содержит любые данные, возвращаемые диалогом.
арг	Объект, содержащий данные, которые передаются в диалог.

замечания

SP.UI.ModalDialog имен SP.UI.ModalDialog было введено в SP.UI.ModalDialog модель JavaScript с SharePoint 2010 и доступно в следующих версиях SharePoint 2013, Office365 и 2016.

Дополнительные справочные материалы:

Выполните действие, когда диалоговое окно закрыто

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

Показать существующую страницу в диалоге

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

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

Показать пользовательский диалог

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

Лицензировано согласно CC BY-SA 3.0

Не связан с Stack Overflow