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 的回答。如果是这种情况,那么您的选择是:
- 在页面加载时强制使用 jQuery 样式,然后使用自定义 css。
- 根据 生成的 类 应用 CSS 来隔离您要设置样式的项目(不确定)
- 使用内联样式,就像您发现使用 "style" 属性
一样
在 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 的回答。如果是这种情况,那么您的选择是:
- 在页面加载时强制使用 jQuery 样式,然后使用自定义 css。
- 根据 生成的 类 应用 CSS 来隔离您要设置样式的项目(不确定)
- 使用内联样式,就像您发现使用 "style" 属性 一样