当前位置: 首页 > 知识库问答 >
问题:

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

郎仰岳
2023-03-14

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

谢谢你的帮助!

共有1个答案

孙岳
2023-03-14

简单地将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 icImageb: Image。两者都允许您从上面评论中提到的资源文件夹Mitch中受益。BootsFacesb: Image还支持工具提示、进度条等。

 类似资料:
  • 我想问是否可以使用Chart.js来显示数据值?我想打印图表。 谢谢你的建议。

  • 我有一个JSON格式的数据数组,然后我想在select中显示它,然后我可以根据输入找到数据 这是我的控制器 这是我的刀片视图 这是我的儿子 我已经尝试了几次但我编码的数据列表不在那里

  • 问题内容: 假设我有时从服务器获取空数据,我想在DataTables中显示No Data found消息。这怎么可能? 问题答案: 如果要自定义在空表上显示的消息,请使用以下命令: 从Datatable 1.10开始,您可以执行以下操作: 有关表的 完整 可用数据表的 定制消息 ,请查看以下链接参考/选项/语言

  • 我对flutter还是新手,我一直试图在条形图中显示http请求中的一些数据。我找不到任何例子。我希望你们中的一些人能帮忙:) 我想使用网上画廊的这张图表。我只是为我的应用程序更改了类的名称: 现在我想把这两者结合起来。 数据是这样的: [{“时间戳”:“2018-06-29 14:39:18”,“RPM”:0,“RPM_Filter”:0,“accel”:0,“temp1”:104,“temp2

  • 问题内容: 我有一个要在垂直约束的空间中放置的物品的清单: 由于我不希望列表的高度超过特定的高度,但是我可以自由地将其水平扩展,因此我想将列表分为几列,如下所示: 或者,或者(在我看来,顺序并不重要) css属性允许将列表分成几列,但只接受固定数量的列。我不知道我要拥有的项目数(可以从1增加到40以上),因此,如果我将列数设置为3,则任何包含6个以上项目的列表都将过高,并且如果只有4个项目,则只有

  • 问题内容: //返回json对象 //我希望listview图片中的此数据也包含在data.please中,请逐步说明//来自Cinemalytics的json数据 ] // movieAdapter类//在getSystemService中显示错误,其余所有代码都可以…。 问题答案: 得到响应后,请遵循以下代码, 首先在所有方法的顶部上方创建以下2个元素。 现在,使用一个适配器在ListView