javascript - ADF 根据 OutputText 值显示图像

Question

在我的 ADF 应用程序中，#attachmentTxt 元素中的值将服务/数据库中的附件值作为 boolean 值返回。我试图在值返回 true 时显示 activeImage 对象，如果返回 false 则仅显示空白。我仅限于使用标准 Javascript，没有 jQuery 等外部工具。

<af:outputText id="attachmentTxt" value="#{bean.attachment}" visible="false" />
<af:activeImage id="attachmentImg" source="/images/icon.png"></af:activeImage>

我正在寻找的一个无效示例是:

<af:resource type="javascript">
    function hasAttachment() {
        var att = document.getElementById("attachmentTxt");
        var attImg = document.getElementById("attachmentImg");
        if(att.value == 'true') {
            attImg.show();
        } else {
            attImg.hide();
        }
    }
</af:resource>

提前谢谢

Answer 1

在我看来，您应该使用 activeImage 标签的“rendered”属性来决定是否显示图像。所以没有必要使用JavaScript。仅当值为 true 时，ADF 框架才会渲染图像。

<af:activeImage id="attachmentImg" source="/images/icon.png" rendered="{#bean.attachment}"></af:activeImage>