添加/removing样式时使用dojoAttachpoint的问题

Question

我有一个div，如下所示：

<div id="xyz" dojoAttachPoint="xyz" style="display: none;">  </div>

现在我想显示/隐藏它。如果我使用dojo.byID，它就能正常工作。但是如果我使用dojoAttachppoint，它就不能正常工作。我没有得到任何错误，但更改不会发生。

dojo.byId("xyz").style.display="none";
dojo.byId("xyz").style.display="";


this.xyz.style.display ="none";
this.xyz.style.display ="";

会有什么问题呢？

Answer 1

您是否在使用带有基类dijit._Templated的dojo.declare声明的类内的模板中使用上述内容

你对附加点的理解是不可靠的。当dijit._Templated解析tenmplate时，当它看到一个"dojoAttachPoint“属性时，它将在dijit对象中创建一个带有附加点名称的属性。因此，"xyz“是dijit类对象中的一个属性。在读取模板时，名称取自名为"dojoAttachPoint“的属性。之后将不再使用dojoAttachPoint属性。

如果"this“指向您创建的dijit类，则this.xyz将指向DOM元素(即div)，而不是小部件。因此，它不具有的"domNode“属性。在dijit/_Templated.js line#191中跟踪源代码以进行确认。

因此，您需要执行一些console.log调用来确认this.xyz返回了正确的div。如果是这样的话，你可以尝试dojo.style(this.xyz, "display", "none")，看看你是否可以隐藏它，等等。

至于为什么this.xyz.style.display = "none"不能工作，这可能是特定于浏览器的事情，因为它应该做与dojo.style相同的事情。你需要更深入地挖掘才能找到答案。