Question

我想用一个非常简单的html模板创建一个dojo小部件：

<div id="contentExternal"></div>

然后在小部件加载我想从外部服务加载某些网址。然后在加载url之后我想把src参数放到等于这个加载的url。我写了：

dojo.provide("dojoModules.ExternalWebsitePane");
dojo.require("dijit._Widget");
dojo.require("dijit._Templated");
dojo.require("dojoModules.ConfigurationPane");

dojo.declare("dojoModules.ExternalWebsitePane", [dijit._Widget, dijit._Templated],
    {
        templateString: dojo.cache("dojoModules", "templates/ExternalWebsitePane.html"),
        widgetsInTemplate: false,
        constructor: function() {
        }
        ,
        startup: function() {
            //Get Config
            var serviceParams = new Object();
            serviceParams.ServiceType = "GetConfig";
            ecm.model.Request.invokePluginService("ExternalWebsitePlugin", "ExternalWebsiteService",
                    {requestParams: serviceParams, requestCompleteCallback: function(response) {
                            iframe = new Object();
                            iframe.src = response.configuration.value;
                            iframe.class = "iframe1";
                            var content = document.getElementById('contentExternal');
                            content.appendChild(iframe);
                        }});

        }

    });

但代码执行失败

var content = document.getElementById('contentExternal');
content.appendChild(iframe);

表示内容为空。我怀疑来自html模板的div尚未加载。我该如何添加元素？还是什么时候？

Answer 1

通常，当您使用模板化小部件时，应使用Dojo附加点。如果您有以下模板（例如）：

<div data-dojo-attach-point="contentExternalNode"></div>

然后，您可以从与附加点同名的属性访问该节点，例如：

this.contentExternalNode.appendChild(iframe);

我通常在小部件的postCreate中执行此操作（我不知道startup是否已经可用）。有一篇关于编写自己的小部件的文章（以及有关模板化小部件的更多信息）here。

注意：如果您使用Dojo 1.6，则需要使用dojoAttachPoint属性，而不是data-dojo-attach-point。

Dojo小部件与模板，更改小部件加载模板（添加DOM元素）

1 个答案: