onAfterRender内のdefaultModelを変更します。

Question

PanelとImageがこのPanelの内側にあります。 onAfterRenderImageのdefaultModelを変更したいと思います。

@Override 
protected void onAfterRender() { 
    super.onAfterRender(); 

    previewImage.setDefaultModel(new Model<String>(newUrl)); 


} 

しかし、これは効果がありません。目的はplaceholderを表示し、Panelがレンダリングされるとき、そのsrc

Answer 1

onAfterRender()を変更することがあり、それがブラウザに送信され、最終的なHTMLのその一部を寄付している。すなわち、現在のComponentがレンダリングされた直後に実行するコールバックです。

このプレースホルダーで達成したいことはあまり明確ではありません。 プレースホルダを表示してから実際のイメージを遅延ロードする場合は、wicket-extensionsのAjaxLazyLoadPanelを使用できます。それとも、画像がブラウザ（img.addEventListener('load', ...)によってロードされると、プレースホルダを置き換えるためにJavaScriptを使用することができます。

onAfterRender()通常、右、このコンポーネントによってレンダリングされたコンテンツ/ボディの後に何かをレンダリングするために使用されているが、それを変更するために使用することはできません。