【问题标题】:Adding an external image to a custom GWT cell将外部图像添加到自定义 GWT 单元
【发布时间】:2012-08-23 17:05:50
【问题描述】:

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

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

【问题讨论】:

  • 嗨,我对 UIBinder 没有任何经验,但我遇到了这个:&lt;g:Image styleName='{style.fortaImage}' resource='{res.fortaLogo}'/&gt;。使用的标签(网址与资源)不同,所以可能是^^祝你好运!
  • 我相信当图像是您的分发的一部分时使用资源,如果它是外部的,则使用 url。如果我将 放在同一个页面上,并将一个 url 字段硬编码到我的示例中的那个,它可以工作,但不幸的是你不能在任何 g: 标签上使用来自 render() 的参数。所以看起来在一个自定义单元格中你需要使用 这就是我遇到的问题。

标签: gwt uibinder


【解决方案1】:

简单地使用 HTML img 怎么样?

<img src="{imageSource}" />

【讨论】:

  • 你知道,我很早就尝试过,但没有成功,所以我可能试图让它变得过于复杂。我再试一次,我传入的 imageSource 参数可能有问题。
猜你喜欢
  • 2011-10-30
  • 2012-07-01
  • 1970-01-01
  • 2016-02-08
  • 1970-01-01
  • 1970-01-01
  • 2023-03-20
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多