您的位置:首页 > 其它

sharepoint 2016 弹出新窗口并返回值的方法

2016-10-18 16:07 387 查看
1.创建一个ModalDialogTest的可视化webpart,代码如下:<script>        function OpenModalDialog(title, width, height) {            var options = SP.UI.$create_DialogOptions();            var options = {                title: title,                width: width,                height: height,                url: "/sitepages/test2.aspx"            };            options.dialogReturnValueCallback =Function.createDelegate(null, CloseCallback);           SP.UI.ModalDialog.showModalDialog(options);            SP.UI.ModalDialog.showModalDialog(options);        }        // Dialog callback        function CloseCallback(result, retVal) {            if (result == SP.UI.DialogResult.OK) {                // Run OK Code                // To be consistent with the below...                document.getElementById('<%=CurrentText.ClientID%>').value = retVal[0];                //close ModalDialog.               SP.UI.ModalDialog.commonModalDialogClose(SP.UI.DialogResult.cancel, 'Cancelled clicked');                // Note that I use this.dataArray to allow theobject to be accessed throughout the code            }            if (result == SP.UI.DialogResult.cancel) {                // Run Cancel Code               SP.UI.ModalDialog.commonModalDialogClose(SP.UI.DialogResult.cancel, 'Cancelled clicked');            }        }    </script>
<input id="CurrentText" runat="server" type="text" /><input id="BtnOpenModalDialog" type="button" value="打开新窗口" onclick="OpenModalDialog('弹窗新窗口',600', '600');" />

2.在sharepoint创建一个web部件页test1.aspx,存放在网站页面的文档库中,存放的路径:/sitepages/test1.aspx,并且将ModalDialogTest添加到test1.aspx页面。

3.创建一个NewDialog的可视化webpart,代码如下:

<script type="text/javascript">        function BtnCloseFunc() {           SP.UI.ModalDialog.commonModalDialogClose(SP.UI.DialogResult.cancel, 'Cancelled clicked');        }        function BtnCloseAndReturnValueFunc()        {            var returnValue = []; // array            returnValue[0] = document.getElementById('<%=NewDialogText.ClientID%>').value;           SP.UI.ModalDialog.commonModalDialogClose(SP.UI.DialogResult.OK,returnValue);        }    </script>    <input id="NewDialogText" type="text" runat="server" />    <input id="BtnCloseAndReturnValue" type="button" value="关闭并返回值" onclick="BtnCloseAndReturnValueFunc();" />
    <input id="BtnClose" type="button" value="关闭" onclick="BtnCloseFunc();" />
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  sharepoint 2016