sharepoint
Работа с модальными диалоговыми окнами с JavaScript
Поиск…
Синтаксис
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