SharePoint 2010：创建模式对话框时出现 JavaScript 错误？

Question

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

• 在 Firefox 中：SP.UI.$create_DialogOptions 不是函数
• 在 IE 中：对象不支持此属性或方法

这是我的代码：

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 时，我没有看到所有方法和属性。

注意：我使用的是标准 Web 部件（非视觉部件），而不是应用程序页面。

Answer 1

问题是所需的 SharePoint JavaScript“库”尚未加载。（SharePoint 2010 JS 有点混乱，命名空间/等来自各地 - 问题是新的“按需”加载进一步复杂化）。

使用SP2010模态对话框界面（包括$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 内容）被保证后调用被加载（如果出现加载错误，它可能永远不会被调用）。

这也可以通过使用 到 sp.js 并指定 OnDemand 来解决，但我不能保证它：（我认为这种方法可能存在问题，但我不记得为什么我刚刚查看的项目中没有使用它。）

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

参见SPSOD 了解更多详细信息/信息。

快乐编码。

Answer 2

对我来说它是这样工作的：
ExecuteOrDelayUntilScriptLoaded(function () {}, "sp.js")

以及：

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

Answer 3

发现Adela 和user166390 的方法在旧的IE 7-8 中都失败了。似乎页面没有完全解析并尝试通过对话框的 iframe 进行修改，这对那些 IE 来说是不好的。对于我的情况 - 我需要在应用程序页面中自动弹出对话框 - 我用 next

<asp:Content ID="PageHead" ContentPlaceHolderID="PlaceHolderAdditionalPageHead" runat="server">
    <SharePoint:SPPageManager ID="SPPageManager1" runat="server" />
    <script type="text/javascript">
        var ShowDialog = function () {
            var options = {
                url: '/_login/default.aspx,
                title: 'Title, Description, and Icon',
                width: 640,
                height: 400,
                dialogReturnValueCallback: function(dialogResult, returnValue) {
                    window.location.replace(returnValue);
                }
            };

            SP.UI.ModalDialog.showModalDialog(options);
        };

        ExecuteOrDelayUntilScriptLoaded(ShowDialog, "sp.ui.dialog.js");
    </script>
</asp:Content>

这个小东西

<SharePoint:SPPageManager ID="SPPageManager1" runat="server" />

注册了所有 SP javascript 来修复它。

该方法可在 MSDN 论坛。

Answer 4

您可以通过使用选项的通用对象而不是 DialogOptions 类来解决此问题。这意味着您必须像这样编写选项：

//Using a generic object.
var options = {
    title: "My Dialog Title",
    width: 400,
    height: 600,
    url: "/_layouts/DialogPage.aspx" };

有关使用它的更多信息，请访问：
http://msdn.microsoft.com/en -us/library/ff410058%28v=office.14%29.aspx
并查看示例。