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);
关于SP.SOD.executeOrDelayUntilScriptLoaded的更多知识,请google