2

我正在为一个单元格列表创建一个自定义单元格，该单元格显示产品信息，包括一个图像和几个文本字段，类似于 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>

有什么建议么？我确信这很明显，但我已经做了一段时间了，我尝试了很多没有运气的事情。

4

1 回答 1

1

简单地使用 HTMLimg怎么样？

<img src="{imageSource}" />
于 2012-08-24T15:44:12.667 回答