我正在对宏自定义组件进行一些研发,并按照演示中的示例进行操作,即http://www.zkoss.org/zkdemo/composite/macro_component
当我在浏览器中打开页面时,zk 框架正在添加垃圾作为图像 src 路径。如果我打印该路径,它是完美的,并且我找不到图像的 src,并且我无法在页面上显示图像。
这是浏览器中图像的源代码,查看src路径??
<img id="a6NTh" class="profileImg z-image" src="%7barg.img%7d">
我的包含文件
包含宏配置文件.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 框架中处理宏组件中的图像吗