码迷,mamicode.com
首页 > 其他好文 > 详细

SharePoint 2013 showModalDialog 弹出模式窗口

时间:2014-07-09 20:08:13      阅读:304      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   使用   strong   width   

1. SharePoint 弹出框

本文讲述SharePoint 2013 中使用 SP.UI.ModalDialog.showModalDialog时 showModalDialog  未定义的问题。

function showDialog(title,url,width,height) {
    var options = {
        url:url,
        args: 7,
        title: title,
        dialogReturnValueCallback: dialogCallback
    };
    if (width != undefined) options.width = width;
    if (height != undefined) options.height = height;
 
   SP.UI.ModalDialog.showModalDialog(options);
   
}

//接收返回值方法
function dialogCallback(dialogResult, returnValue) {
    //其中dialogResult=1,代表确定,dialogResult=0,代表关闭
    if (returnValue != null && dialogResult == 1) {
    
    }
    return;
}

 

上面的代码在SharePoint 2010中是可以正常工作的,就是显示一个 有模式的窗口。

但在SharePoint  2013 中会出现 (ModalDialog )showModalDialog  未定义的错误,如何解决这个问题呢?使用  SP.SOD.executeFunc :

 1 function showDialog(title,url,width,height) {
 2     var options = {
 3         url:url,
 4         args: 7,
 5         title: title,
 6         dialogReturnValueCallback: dialogCallback
 7     };
 8     if (width != undefined) options.width = width;
 9     if (height != undefined) options.height = height;
10  
11     SP.SOD.executeFunc(
12      ‘sp.ui.dialog.js‘,
13      ‘SP.UI.ModalDialog.showModalDialog‘,
14      function () {
15          SP.UI.ModalDialog.showModalDialog(options);
16      });
17    
18 }
19 
20 //接收返回值方法
21 function dialogCallback(dialogResult, returnValue) {
22     //其中dialogResult=1,代表确定,dialogResult=0,代表关闭
23     if (returnValue != null && dialogResult == 1) {
24     
25     }
26     return;
27 }

 

2.关闭弹出框

//关闭
function closeDialog() {
    window.frameElement.cancelPopUp();
}

 

SharePoint 2013 showModalDialog 弹出模式窗口,布布扣,bubuko.com

SharePoint 2013 showModalDialog 弹出模式窗口

标签:style   blog   color   使用   strong   width   

原文地址:http://www.cnblogs.com/liyuxin/p/3831601.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!