代码改变世界

SharePoint 2010 使用后台代码向SP.UI.ModalDialog.showModalDialog传值

2011-11-08 16:07  四毛的家  阅读(905)  评论(0编辑  收藏  举报

文章http://www.cnblogs.com/sygwin/archive/2011/11/08/2241061.html,介绍了弹出窗口和主页面之间的传值。那么如何将后台变量的值传给弹出窗口呢?

能想到的解决方案思路是:前台写弹出窗口的js代码,后台使用Page.ClientScript.RegisterStartupScript注册js,调用写好的js函数。这样做行不通,会报缺少对象之类的错误。下面是操作步骤:

1,新建一个可视webpart,并添加一个application page页并命名为SweetDialogPage.aspx。

在可视webpart的ascx页面添加下面的js代码:

<script type="text/javascript">
    function openMySweetModalDialog(id) {
        var options = SP.UI.$create_DialogOptions();
        options.width = 500;
        options.height = 250;
        options.url = "/_layouts/PopUpDialog/SweetDialogPage.aspx?id=" + id;
        options.dialogReturnValueCallback =
        Function.createDelegate(null, whenMyModalDialogCloses);
        SP.UI.ModalDialog.showModalDialog(options);
    }

    function whenMyModalDialogCloses() {
        alert('That was totally sweet.');
    }
</script>

在SweetDialogPage.aspx页面接收参数id并显示,代码省略。

然后在可视webpart的cs页面里,新建一个方法:

protected void OpenMySweetModalDialog(int id)
        {
            // create ECMAScript to call the dialog function and pass the id
            var script = string.Format(@"openMySweetModalDialog('{0}'); ", id);

            // emit script to run on page load
            Page.ClientScript.RegisterStartupScript(
                typeof(UserControl), Guid.NewGuid().ToString(), script, true);
        }

最后在Page_Load方法里,调用上面的方法:OpenMySweetModalDialog(5);

部署webpart,可以看到当放置webpart的页面载入后,并不能如我们期望的那样弹出窗口,而是报错了。那么该如何解决呢?微软提供了SP.SOD.executeOrDelayUntilScriptLoaded方法

将OpenMySweetModalDialog方法里的代码改成如下内容:

var script = string.Format(
                @"function reallyOpenDialogForRealYouGuys() {{
            openMySweetModalDialog('{0}');
        }};
        SP.SOD.executeOrDelayUntilScriptLoaded(reallyOpenDialogForRealYouGuys, 'sp.ui.dialog.js'); ",
                id);

            // emit script to run on page load
            Page.ClientScript.RegisterStartupScript(
                typeof(UserControl), Guid.NewGuid().ToString(), script, true);

 

原文参考:http://www.sharepointdevelopment.me/2011/11/opening-a-modal-dialog-on-page-load-from-server-side-code-dont-forget-this-sweet-and-totally-critical-function-call/

关于SP.SOD.executeOrDelayUntilScriptLoaded的更多知识,请google