图像未显示在XPe中的扩展库的xe：basicContainerNode中

Question

我有来自扩展库

的弹出菜单的以下代码

<xe:popupMenu id="pop">
    <xe:this.treeNodes>
        <xe:basicContainerNode image="/vwicn148.gif" label="Container">
            <xe:this.children>
                <xe:basicLeafNode label="Child" image="/vwicn148.gif"></xe:basicLeafNode>
            </xe:this.children>
        </xe:basicContainerNode>
    </xe:this.treeNodes></xe:popupMenu>
<xp:link escape="true" text="Open popup" id="link1">
    <xp:eventHandler event="onclick" submit="false">
        <xp:this.script><![CDATA[XSP.openMenu(thisEvent,#{javascript:getComponent('pop').getMenuCtor()})]]></xp:this.script>
    </xp:eventHandler>
</xp:link>

结果如下所示

如您所见，不会显示基本容器节点的图像，但会显示basicLeafNode的图像。

我想向容器节点添加一个箭头，以便用户知道它有子项，我该怎么做？

Answer 1

使用firebug我可以看到basicContainerNode的图像图标有类＆＃34; dijitNoIcon＆＃34;添加到它，设置＆＃34;显示：无＆＃34;为图标图像。叶节点没有添加dijiNoIcon类。 （我可能需要进一步研究这个可能的缺陷）

但是，作为一种解决方法，您可以使用一些自定义CSS来覆盖dijitNoIcon正在做的事情。

<xe:basicContainerNode image="/vwicn148.gif" label="Container" styleClass="showIcon">

使用以下内容将自定义css文件添加到您的应用程序：

.showIcon .dijitNoIcon{
    display: block;
}