sharepoint
JavaScript가있는 모달 대화 상자 작업
수색…
통사론
var options = SP.UI. $ create_DialogOptions ();
var modalDialog = SP.UI.ModalDialog.showModalDialog (options);
매개 변수
options 속성 | 기술 |
---|---|
표제 | 대화 상자의 제목을 포함하는 문자열 |
url | 대화 상자에 나타나는 페이지의 URL을 포함하는 문자열입니다. url 또는 html 을 지정해야합니다. url 이 html 보다 우선합니다. |
HTML | 대화 상자 내에 표시 할 HTML 요소입니다. |
엑스 | 대화 상자의 x 오프셋을 정수 값으로 나타냅니다. |
와이 | 대화 상자의 y 오프셋을 정수 값으로 나타냅니다. |
폭 | 대화 상자의 너비를 정수 값으로 나타냅니다. 지정되지 않고 자동 크기 가 false 인 경우 너비는 768px로 설정됩니다. |
신장 | 대화 상자의 높이를 정수 값으로 나타냅니다. 지정되지 않고 자동 크기 가 false 인 경우 높이는 576px로 설정됩니다. |
allowMaximize | 최대화 단추를 표시할지 여부를 지정하는 부울 값입니다. |
showMaximized | 대화 상자가 최대화되어 열리는 지 여부를 지정하는 부울 값. |
showClose | 대화 상자에 [ 닫기] 단추를 표시할지 여부를 지정하는 부울 값입니다. |
자동 크기 조정 | 대화 상자 플랫폼에서 자동으로 대화 상자 크기 조정을 처리할지 여부를 지정하는 부울 값입니다. |
dialogReturnValueCallback | 반환 콜백 함수를 지정하는 함수 포인터입니다. 유형 SP.UI.DialogResult 열거의 DialogResult를하고 대화에 의해 반환 된 데이터를 포함하는 ReturnValue를 개체 : 함수는 두 개의 매개 변수를 사용합니다. |
args | 대화 상자에 전달되는 데이터가 들어있는 객체입니다. |
비고
SP.UI.ModalDialog
네임 스페이스는 SharePoint 2010을 사용하여 JavaScript 개체 모델 에 도입되었으며 이후 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