Question

我正在开发一个单元格列表的自定义单元格，该列表显示产品信息，包括图像和几个文本字段，类似于CellList示例中的字段。图像不是随我的应用程序打包的资源，它们位于外部图像服务器上。我想使用UiBinder来布局单元格。最终单元格会更复杂，但现在这是一个我的模板，只显示产品描述和图像：

<ui:UiBinder
  xmlns:ui="urn:ui:com.google.gwt.uibinder"
  xmlns:g="urn:import:com.google.gwt.user.client.ui">

<ui:style>
</ui:style>

<ui:with field="imageSource" type="java.lang.String"/>
<ui:with field="product" type="com.mydomain.ProductProxy" />

<div ui:field="root">
  <span><ui:text from="{product.getDescription}" /></span>
  <ui:image url="{imageSource}" />
</div>

CellList显示描述列表但不显示产品。如果我用Chrome检查元素，我可以看到ui：image没有被编译成img元素：

<div onclick="" __idx="0" class="GPROKKBAB" style="outline:none;" tabindex="0">
<div gwtuirendered="gwt-uid-17">
    <span>E03351 </span> 
    <ui:image url="http://images.mydomain.com/image/product_id.jpg"></ui:image>                        </div></div>

有什么建议吗？我确定这是显而易见的事情，但我已经有一段时间了，我已经尝试了许多没有运气的事情。

Answer 1

如何简单地使用HTML img？

<img src="{imageSource}" />

将外部图像添加到自定义GWT单元格

1 个答案: