Question

我在Xpages中定义了简单的titlePane dijits，它使用ExtLib Bootstrap主题。

当titlePane折叠时，我会显示一个（关闭的）箭头图标。

当titlePane展开时，我会看到无法找到插入符号的图标。

当我禁用Bootstrap主题并在折叠时运行oneUI时，没有图标显示但是当我展开titlepane时会显示一个很好的carot-down图标。

这是由于ExtLib中Bootstrap的实现失败吗？

这是我的代码：

<xp:div id="titlePaneGemCars" dojoType="dijit.TitlePane" title="German Cars">
        Audi
        BMW
        Mercedes
        <xp:this.attrs>
            <xp:attr name="open" value="false"></xp:attr>
            <xp:attr name="toggleable" value="true"></xp:attr>
        </xp:this.attrs>
    </xp:div>
    <xp:div id="titlePaneJapBikes" dojoType="dijit.TitlePane"
        title="Japanese Bikes">
        <xp:this.attrs>
            <xp:attr name="open" value="false"></xp:attr>
            <xp:attr name="toggleable" value="true"></xp:attr>
        </xp:this.attrs>
        Honda
        Suzuki
        Yamaha
    </xp:div>

在为打开或关闭的标题窗格生成的HTML中，我注意到以下差异：

<div id="view:_id1:_id37:titlePaneGemCars_titleBarNode" data-dojo-attach-point="titleBarNode" class="dijitTitlePaneTitle dijitTitlePaneTitleOpen dijitOpen" data-dojo-attach-event="ondijitclick:_onTitleClick, onkeydown:_onTitleKey">

和

<div id="view:_id1:_id37:titlePaneGemCars_titleBarNode" data-dojo-attach-point="titleBarNode" class="dijitTitlePaneTitle dijitTitlePaneTitleClosed dijitClosed" data-dojo-attach-event="ondijitclick:_onTitleClick, onkeydown:_onTitleKey">

所以open titlepane得到了dijitTitlePaneTitleOpen dijitOpen类，而关闭的是dijitTitlePaneTitleClosed dijitClosed类。

我可以改变羽状插入符号的样式表，例如

.xsp.dbootstrap .dijitTitlePane .dijitArrowNode::before {
    color: #428bca;
    font-family: "Glyphicons Halflings";
 content: "\e114";
 font-size: 12px;
    padding-left: 10px;
    position: relative;
    top: -1px;
}

作为临时解决方案

Answer 1

是的，这是一个问题，因为Extlib Bootstrap主题中TitlePane的插入符号缺少CSS样式。我已将此问题记录为 SPR＃BGLNA38EDW ，我们将在即将发布的扩展库版本中解决此问题。在此期间，您可以使用已建议的解决方法。

更新：已为此提供修复程序，并应显示在下一个扩展程序库版本中。

dijit.TitlePane向下箭头不显示在带有ExtLib的XPage中

1 个答案: