javascript – Dojo 1.9：placeAt在父窗口小部件启动时自动调用启动

我正在编写一些代码,这些代码通过逐步创建我需要放置到布局小部件中的小部件.我目前遇到的问题是dojo会自动调用启动.

如果布局小部件已经启动,则在使用placeAt(domNode)时调用启动.这是不可取的,最好不得不明确地调用启动.

我这样说是因为在当前情况下,启动被调用两次,一次调用placeAt时调用,一次调用后直接手动调用启动调用.

Dojo docs和related tutorials说,以编程方式创建小部件时,应始终手动调用启动以确保正确解析.但启动的自动调用导致一些问题,启动时发生重复操作,我可以将它们移动到postCreate,但这只是隐藏问题.

这是一个小部件创建/启动的简单示例……

var myWidget = new Widget();
myWidget.placeAt('mainContent');
myWidget.startup();

mainContent是ContentPane中的div,这里是布局html …

<body class="claro">
    <div id="appLayout" data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design: 'headline'">
        <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region: 'center'">
            <div id="mainContent"></div>
        </div>
        <div class="edgePanel" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region: 'top'">Some text here</div>
        <div id="leftCol" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region: 'left'"></div>
    </div>
</body>

代码工作,它真的是启动被调用两次,我试图解决的问题.

更新：替代方法

针对小部件私有变量_started的启动函数内的建议检查至少保护我免于重复,这是我的检查的示例.

startup: function(){
    if (typeof this._started === "undefined"){
        // call inherited and pass on arguments
        this.inherited(arguments);

        // then do what ever you need here
    }
}

注意我必须使用typeof而不是布尔检查,即使启动后_started的值为true.这是因为我发现变量实际上没有被声明,直到启动至少运行一次,需要注意的事情.

无论如何,这为我提供了一种解决方法,但是并没有解决dojo不止一次调用启动的问题.

解决方法:

在Dojo中经常自动调用startup().例如,无论何时在容器窗口小部件上调用addChild(),都会调用子窗口的startup()方法.查看_WidgetBase的源代码,placeAt也是其中一个实例.

当您使用dom-construct之类的东西将dojo小部件直接放在DOM节点上时,您应该手动调用startup().

如果要检查窗口小部件是否已启动,可以检查窗口小部件中的_started属性.这是在startup()方法中设置的.

javascript – Dojo 1.9：placeAt在父窗口小部件启动时自动调用启动

相关推荐