我需要关闭我的自定义表单(我在模态对话框中显示)并停止刷新父网站。
我在点击时通过自定义“取消”按钮调用我的关闭功能。
customClose() {
//some code here
window.frameElement.cancelPopUp();
}
<input type="button" value="Cancel" onclick="javascript:customClose()" />
但如果我以这种方式关闭对话框,它会刷新父网站。如何在不刷新的情况下关闭它?
P.S。这是一个SharePoint模式对话框。
注意:我不能使用jQuery,需要纯粹的js。
答案 0 :(得分:2)
SharePoint有一些用于显示和关闭模式对话框的内置方法。
对于SharePoint 2010,使用SP.UI.ModalDialog.commonModalDialogClose
method关闭最近打开的模式对话框。
以下是使用commonModalDialogClose
关闭对话框的示例。关闭时窗口不应刷新。
ExecuteOrDelayUntilScriptLoaded(showDialog,"sp.js");
function showDialog(){
var dialogBody = document.createElement("div");
var btnClose = document.createElement("button");
btnClose.value = "Cancel";
btnClose.innerHTML = "Cancel";
btnClose.onclick = function(){SP.UI.ModalDialog.commonModalDialogClose(SP.UI.DialogResult.cancel,null);};
dialogBody.appendChild(btnClose);
SP.UI.ModalDialog.showModalDialog(
{
html:dialogBody,
title:"Your Title Here",
dialogReturnValueCallback:onClose
});
}
function onClose(result,data){
// this callback function lets you control what happens after the dialog closes
switch(result){
case SP.UI.DialogResult.invalid:
break;
case SP.UI.DialogResult.cancel:
break;
case SP.UI.DialogResult.OK:
window.location.reload();
break;
}
}