如何在Bootsfaces数据表列中显示图像

Question

我需要在数据表列中动态显示图像，我在本地文件夹中有图像，如何在Bootsface数据表中这样做？

谢谢你的帮助！

Answer 1

简单地将HTMLimg标记嵌套在b:dataTableColumn中就可以实现以下功能：

   <b:dataTable value="#{carPool.carPool}" var="car" class="editableCarTable">
      <b:dataTableColumn value="#{car.brand}" />
      <b:dataTableColumn label="Image">
        <img src="https://www.example.com/some.png" />
      </b:dataTableColumn>
    </b:dataTable>

您已经提到图像存储在本地文件夹中。您必须使这些图像可以访问Web服务器。通常，我这样做是通过将图像复制到src/main/webapp/图像。一旦图像出现，它们就有了一个网址，因此您可以使用这个网址显示它们。

要使图像行特定，请将URL放入行bean中，这样您就可以像这样访问它：

   <b:dataTable value="#{carPool.carPool}" var="car" class="editableCarTable">
      <b:dataTableColumn value="#{car.brand}" />
      <b:dataTableColumn label="Image">
        <img src="#{car.rowSpecificURL()}" />
      </b:dataTableColumn>
    </b:dataTable>

当然，您也可以使用h： graph icImage或b： Image。两者都允许您从上面评论中提到的资源文件夹Mitch中受益。BootsFacesb： Image还支持工具提示、进度条等。