我正在使用以下代码水平显示图像集。所选图像存储在数据库中。在编辑模式下显示图像时,如何突出显示以前选择的图像?
<t:dataList
var="item"
value="#{occasionBean.messageInfo}"
layout="simple">
<h:commandLink action="#{occasionBean.selectedImage}" >
<h:graphicImage
width="100" height="100"
url="#{item.imageSnapUrl}"
onclick="return setMsgId(this.id,{item.img_id},'{item.imageUrl}');"
id="test">
</h:graphicImage>
</h:commandLink>
</t:dataList>
答案 0 :(得分:0)
1)Mojarra Scales有一个htmlEditor组件。
2)有条件地添加styleClass
。
styleClass="#{item.previouslySelected ? 'selected' : ''}"
使用此getter
public boolean isPreviouslySelected() {
return previouslySelected;
}
和这个CSS
img.selected {
border: 2px solid red; /* Use whatever highlight style here. */
}
答案 1 :(得分:0)
Richfaces有editor component。