css - 如何使用 Bootstrap 主题在数据 View 中设置自定义图标

Question

我想在 xpages dataview 上设置一个带有 glyphicons 的自定义图标或自定义上传图标，但该图标始终默认为文件图标。我正在使用 Bootstrap 主题和最新的 xpages 扩展库 (r10)。

我想更改数据 View 文档行中的图标，而不是分类图标。带有 bootstrap 主题的代码总是默认为这个代码。

<div class="glyphicon glyphicon-file xspReadIcon"></div> 

我试过:

<xe:iconEntry selectedValue="read" url="/legalforms.gif" styleClass="hidden-xs"></xe:iconEntry>
<xe:iconEntry selectedValue="read" url="/legalforms.gif" styleClass="glyphicons glyphicons-user"></xe:iconEntry>

Answer 1

您似乎在 Bootstrap 主题的数据 View 渲染器中发现了一个错误。我们将考虑在未来解决这个问题。在此期间，您可以尝试使用以下解决方法。

您可以通过指定 xp:key="icon" 使用数据 View 的图标方面。然后在 facet 中添加一个带有自定义 styleClass 的 div。例如:

<xe:dataView id="dataView1">
    ....
    <xe:this.facets>
      <xp:panel xp:key="icon">
        <xp:div>
             <xp:this.styleClass>
                 <![CDATA[#{javascript:
                     var doc:NotesDocument = viewEntry.getDocument();
                     if(doc.getRead()) {
                         return "hidden-xs";
                     }else{
                        return "glyphicon glyphicon-user";
                     }
                }]]>
            </xp:this.styleClass>
        </xp:div>
      </xp:panel>
    </xe:this.facets>
</xe:dataView>