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

単純にHTMLを使用するのはどうimgですか?

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