Twitter bootstrap OpenNTF应用程序布局和图标：如何使用？

我使用的是上一个扩展库（v11），主题为“bootstrap3.2.0”，应用程序布局控件为“bootstrapreresponseveconfiguration”； 我试图在ApplicationLink中使用Glyph图标，但没有成功：

可能吗？有人能举个例子吗

这是我尝试的代码的一部分（未返回错误）：

---

我在哪里使用styleClass=“glyphicon glyphicon save”是我试图定义它的地方；怎么了？

是的，我想这是以前向我们报告过的，而且树节点中存在一个限制，不允许您正确设置样式类。我们必须创建一个增强请求来解决这个问题

但是，您可以通过使用jquery来解决这个问题，jquery是bootstrap插件的一部分。下面是一段代码片段，我在为bluemix开发的xpages锅炉板应用程序中使用了它。第一部分是OnClient Load事件，它将图标填充到应用布局实用程序链接中：

<xp:eventHandler event="onClientLoad" submit="false">
    <xp:this.script><![CDATA[
        $(".applayout-utility-links li:nth-child(1) a").prepend("<div style='padding-top:2px;' class='glyphicon glyphicon-home'></div>")
        $(".applayout-utility-links li:nth-child(2) a").prepend("<div style='padding-top:2px;' class='glyphicon glyphicon-th-list'></div>")
        $(".applayout-utility-links li:nth-child(3) a").prepend("<div style='padding-top:2px;' class='glyphicon glyphicon-ok'></div>")
        $(".applayout-utility-links li:nth-child(4) a").prepend("<div style='padding-top:2px;' class='glyphicon glyphicon-exclamation-sign'></div>")
        $(".applayout-utility-links li:nth-child(5) a").prepend("<div style='padding-top:2px;' class='glyphicon glyphicon-warning-sign'></div>")]]>
    </xp:this.script>
</xp:eventHandler>

另一部分是定义链接本身，您只需要提供href属性，如果需要，请将标签留空：

<xe:this.bannerUtilityLinks>
    <xe:basicLeafNode href="dashboard.xsp"></xe:basicLeafNode>
    <xe:basicLeafNode href="todos.xsp"></xe:basicLeafNode>
    <xe:basicLeafNode href="complete.xsp"></xe:basicLeafNode>
    <xe:basicLeafNode href="urgent.xsp"></xe:basicLeafNode>
    <xe:basicLeafNode href="overdue.xsp"></xe:basicLeafNode>
</xe:this.bannerUtilityLinks>

---

该代码只需将上面的

xe:this.bannerUtilityLinks

替换为

xe:this.bannerApplicationLinks

即可用于应用程序链接。让我知道进展如何

谢谢Brian，它起作用了；它也可以通过以下方式用于应用程序链接的子菜单：$（“.applayout链接li:n子项（2）li:n子项（1）a”）.prepend（“”$”）（“.applayout链接li:n子项（2）li:n子项（2）a”）.prepend（“”$”.applayout链接li:n子项（2）li:n子项（3）a”）.prepend（“”。。。

<xe:this.bannerUtilityLinks>
    <xe:basicLeafNode href="dashboard.xsp"></xe:basicLeafNode>
    <xe:basicLeafNode href="todos.xsp"></xe:basicLeafNode>
    <xe:basicLeafNode href="complete.xsp"></xe:basicLeafNode>
    <xe:basicLeafNode href="urgent.xsp"></xe:basicLeafNode>
    <xe:basicLeafNode href="overdue.xsp"></xe:basicLeafNode>
</xe:this.bannerUtilityLinks>