styleClass 在 pageTreeNode 中不起作用

styleClass does not work in pageTreeNode

在 bootstrap 中,对于 xPages pageTreeNode(应用程序布局,响应式应用程序布局),styleClass 似乎没有任何效果。 例如,我希望菜单项 "Link 1" 具有与之关联的 class testClass。

<xe:applicationLayout id="applicationLayout1">
    <xe:this.facets>
        <xp:callback facetName="facetRight" id="facetRight"
            xp:key="RightColumn">
        </xp:callback>
    </xe:this.facets>
    <xp:callback facetName="facetMiddle" id="facetMiddle"></xp:callback>
    <xe:this.configuration>
        <xe:bootstrapResponsiveConfiguration>
            <xe:this.titleBarTabs>
                <xe:basicLeafNode label="Link 1"
                    styleClass="testClass" href="http://www.bbc.com/">
                </xe:basicLeafNode>
            </xe:this.titleBarTabs></xe:bootstrapResponsiveConfiguration>
    </xe:this.configuration>
</xe:applicationLayout></xp:view>

生成的代码是

<div class="col-sm-12 col-md-12 applayout-titlebar-tabsarea"><ul id="view:_id1:_id2:applicationLayout1_tb" class="nav nav-tabs applayout-titlebar-tabs">
<li class="menu-item"><a href="http://www.bbc.com/">Link 1</a></li>
</ul>
</div>

我是不是漏掉了一些重要的东西?

这可能是一个错误,我在 2014 年 12 月向 IBM 报告了这个

https://github.com/OpenNTF/XPagesExtensionLibrary/issues/8

遗憾的是,IBM 在错误修复之前不会回应错误请求

我发表评论时没有看到 Thomas 的回答。如果是这种情况,那么您的选择是:

  1. 在页面加载时强制使用 jQuery 样式,然后使用自定义 css。
  2. 根据 生成的 类 应用 CSS 来隔离您要设置样式的项目(不确定)
  3. 使用内联样式,就像您发现使用 "style" 属性
  4. 一样