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

我正在处理单元格列表的自定义单元格，该单元格列表显示产品信息，包括图像和几个文本字段，与CellList示例中的类似。图像不是与我的应用程序一起打包的资源，它们位于外部图像服务器上。我想使用UiBinder进行单元格布局。最终，细胞会更加复杂，但现在这里是我的模板，只是显示了产品说明和图片：将外部图像添加到自定义GWT单元格

<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>

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

来源

2012-08-23 MikeC

嗨，我没有与任何UiBinder的经验，但我来到这个防空火炮：'' 。使用的标签（url与资源）是不同的，所以可能是^^祝你好运！ – elkaonline

我相信当图像是你的发行版和URL的一部分时使用资源，如果它是外部的。如果我将放在同一个页面上，并且URL字段硬编码为我的示例中的url字段，它可以工作，但不幸的是，您不能在任何g：标签上使用来自render（）的参数。所以它看起来像你需要使用的自定义单元格这就是我遇到的问题。 – MikeC

如何简单地使用HTML img？

<img src="{imageSource}" />

来源

2012-08-24 15:44:12

你知道，我很早就试过了，它不工作，所以我可能试图让它太复杂。我会再试一次，可能只是我传入的imageSource参数有问题。 – MikeC

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

回答

相关问题