如何解决JSF元素的条件顺序
我有两个JSF元素(例如,输入文本和图像)。对于某些情况(例如,如果用户已登录),我希望首先呈现输入文本。对于相反的条件(例如,用户是匿名用户),我希望首先渲染图像。有没有办法做到这一点(可以扩展到不止2个元素)?我唯一一个看起来很怪异的想法是:
<h:inputText rendered=#{condition}/>
<h:graphicImage/>
<h:inputText rendered=#{!condition}/>
解决方法
我将使用CSS来解决此问题。大致可以归结为:
XHTML:
<div class="container input#{condition ? 'First' : 'Last'}">
<h:inputText/>
<h:graphicImage/>
</div>
CSS:
.container { overflow: auto; }
.container.inputFirst input { float: left; }
.container.inputLast input { float: right; }
再次,这很粗糙。只是为了给您一个想法。根据您的需求进行定制。您可以通过多种方式对此进行样式设置。
如果要使用flex,请尝试:
.container { display: flex; }
.container.inputLast { flex-direction: row-reverse; }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。