zk:宏组件,图像src在浏览器中是垃圾,如何解决?

时间:2012-11-26 10:27:17

标签: zk

我在宏自定义组件上做了一些R& D并且正在关注演示中的示例http://www.zkoss.org/zkdemo/composite/macro_component

当我在浏览器中打开页面时,zk框架将垃圾添加为图像src路径。如果我打印该路径它是完美的,我找不到图像的src,我无法在页面上显示图像。

这是browswer中图像的源代码,请看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框架中处理宏组件中的图像

1 个答案:

答案 0 :(得分:2)

您错过了$

<image class="profileImg" src="{arg.img}" />

应该是

<image class="profileImg" src="${arg.img}" />