將外部圖像添加到自定義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單元格

回答

相關問題