javascript - 隐藏 t :graphicImage based on h:inputText disabled value

Question

我有一个输入文本字段(h:inputText)，供用户输入日期和旁边的图像链接(t:graphic)，这是一个弹出日历。

我可以通过回调 bean 函数 userFieldBean 并获取 bool 值 showField 并相应地禁用文本字段，根据用户 Angular 色禁用 h:inputText。

<h:inputText id="d1" value="txt1" disabled="#{userFieldsBean.showField}"/>

如果禁用旁边的文本字段，我还想隐藏或至少禁用弹出日历链接，但由于要隐藏 t:graphic，我需要将样式设置为 Style=display:none 我不知道该怎么做。

是否可以做类似的事情

<t:graphic url="/imgs/cal.gif" id="img1" Style="if("#{userFieldsBean.showField}"==true) return "display:none" else "return:block"".

上面的内容显然是错误的，但我把它放在那里，因为我很好奇知道可能性。

期待您的建议。

Answer 1

您使用的 t:graphicImage 是 tomahawk 组件吗？如果组件上有渲染属性，您可以执行以下操作:

<t:graphicImage rendered="#{userFieldsBean.showField}" ...

如果您必须设置样式，您应该能够执行以下操作:

<t:graphicImage style="#{userFieldsBean.showField ? 'display:none' : 'display:block'}" ...