Galera minha dúvida é a seguinte:
Tenho uma p:datagrid mostrando todas as imagens que eu tenho no banco de dados atravez do p:graphicimagem. Porém cada imagem tem uma informação. Gostaria de saber como altero cada imagem renderizada com uma borda ou uma mensagem, dependendo da informação de cada.
<p:dataGrid value="#{playerMB.playerList}" id="grid" var="player" style="padding: 0px; margin: 0px;" columns="3" >
<p:column>
<p:panel header="#{player.name}" style="padding: 0px; margin: 0px;" id="panel">
<p:graphicImage id="image" value="#{playerMB.screen}" width="200" height="150" cache="false" style="border: #{playerMB.borderColor} solid 3px; margin: 0px; padding: 0px">
<f:param name="image_id" value="#{player.playerScreenInfo.id}" />
<f:param name="player_id" value="#{player.id}" />
</p:graphicImage>
<h:outputText value="#{playerMB.borderColor}"/>
<f:facet name="footer">
<p:commandButton value="Detalhar" style="width: 200px;" action="#{playerMB.changeImage}" update="formulario" oncomplete="screen.show()">
<f:setPropertyActionListener value="#{player}" target="#{playerMB.player}"/>
</p:commandButton>
</f:facet>
</p:panel>
</p:column>
</p:dataGrid>
Como da pra ver, tentei mudar o css em tempo de execução, porém ele aplica a todas as imagens o mesmo css.