私はマクロカスタムコンポーネントの研究開発を行っていて、http://www.zkoss.org/zkdemo/composite/macro_componentであるデモの例に従っていました
ブラウザでページを開くと、zk フレームワークが画像の src パスとしてゴミを追加しています。そのパスを印刷すると完璧で、画像の src が見つからず、ページに画像を表示できません。
これがブラウザの画像のソースコードです。srcパスを見てください??
<img id="a6NTh" class="profileImg z-image" src="%7barg.img%7d">
私のインクルードファイル
includeMacroProfile.zul
<groupbox id="gb" mold="3d" width="310px" closable="false">
<style>
.desc {
color: #008bb6;
font-weight: bold;
font-family: Times New Roman;
}
.detail {
width: 200px;
height: 300px;
}
.profileImg{
width: 150px;
height: 150px;
}
</style>
<caption label="${empty arg.title ? 'Profile Title ': arg.title}" />
<vlayout>
<vlayout>
<image class="profileImg" src="{arg.img}" />
<label class="desc" value="${empty arg.desc ? 'Descriptions not available.': arg.desc}" />
</vlayout>
<textbox class="details" value="${empty arg.detail ? 'Details not available.': arg.detail}" cols="50" rows="5" readonly="true"></textbox>
</vlayout>
</groupbox>
私のtest.zulファイル
<zk>
<profile />
<separator height="30px"></separator>
<vlayout>
<profile title="ABC" desc="This is ABC."
detail="This is ABCfrom, Islamabad, Pakistan"
img="/image/sample.jpg">
</profile>
</vlayout>
</zk>
zkフレームワークのマクロコンポーネントで画像を処理する方法を教えてください。