我正在编写一些代码,这些代码通过逐步创建我需要放置到布局小部件中的小部件.我目前遇到的问题是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()方法中设置的.
原文地址:https://codeday.me/bug/20190825/1719281.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。