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

 

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

 

文章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