SharePoint 2010 : JavaScript error when creating Modal Dialog?

Question

出于某种原因，我的 SharePoint 模式对话框无法正常工作。我得到的错误是这样的:

在 Firefox 中:SP.UI.$create_DialogOptions is not a function

在 IE 中:Object doesn't support this property or method

这是我的代码:

var options = SP.UI.$create_DialogOptions();
options.width = 525;
options.height = 300;
options.url = '/_layouts/mywork/richtexteditor.aspx';
options.dialogReturnValueCallback = Function.createDelegate(null, function (result, value)
{
    alert(result + value);
});

SP.UI.ModalDialog.showModalDialog(options);

有趣的是，当我在 Firebug 中检查 SP.UI 时，我没有看到所有的方法和属性。

注意:我使用的是标准 Webpart(非可视化)而不是应用程序页面。

Answer 1

问题是所需的 SharePoint JavaScript“库”尚未加载。 (SharePoint 2010 JS 有点困惑，命名空间/等来自各地——随着新的“按需”加载，问题变得更加复杂)。

使用 SP2010 Modal Dialog 界面(包括 $create_DialogOptions 和 showModalDialog)需要加载的库是“sp.js”。

确保加载“sp.js”:

ExecuteOrDelayUntilScriptLoaded(function () {
  // do modal dialog stuff in here (or in another function called from here, etc.)
}, "sp.js")

回调函数仅在保证加载“sp.js”(包括 SP.UI.ModalDialog 东西)之后调用(如果出现加载错误，它可能永远不会被调用)。

这也可以通过使用 <ScriptLink> 来解决。至 sp.js与 OnDemand指定，但我不能保证:(我认为这种方法可能存在问题，但我不记得为什么我刚刚查看的项目中没有使用它。)

<SharePoint:ScriptLink runat="server" Name="sp.js" OnDemand="true" Localizable="false" />

见 SPSOD了解更多详情/信息。

快乐编码。