0

我正在对宏自定义组件进行一些研发,并按照演示中的示例进行操作,即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 框架中处理宏组件中的图像吗

4

1 回答 1

2

你错过了一个$

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

应该是

<image class="profileImg" src="${arg.img}" />
于 2012-11-26T15:11:35.310 回答