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>
助言がありますか?それは明らかなことだと確信していますが、私はしばらくそれに取り組んできましたが、運が悪くて多くのことを試しました.