dahenz
Julho 27, 2013, 6:10pm
#1
Boa noite pessoal!
Tenho um rich:dataTable que traz como resultado de uma consulta percentuais que podem ser alterados pelo usuário.
A última coluna dessa tabela tem um somatório das colunas anteriores que deve fechar em 100%.
No rich:column o usuario tem inputText para lancar os valores e no evento onblur faço uma somatoria de todos os meses para renderizar na ultima coluna.
Eu gostaria de manter a cor da fonte da ultima coluna em vermelho até fechar 100%. Quando 100% for calculado alterar para a cor preta.
Como faço isso?
Obrigado.
posta o código do front ai pra da uma olhada
dahenz
Julho 29, 2013, 11:59am
#3
<center>
<rich:dataTable width="780px"
id="tblCronogramas"
value="#{CronogramaMB.composicaoCronograma}"
onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
var="cronogramas">
<a4j:support event="onRowClick"
action="#{CronogramaMB.tblCronogramaOnRowClick}" >
</a4j:support>
<f:facet name="header">
<rich:columnGroup>
<h:column>
<h:outputText styleClass="headerText" value="Grupo" />
</h:column>
<h:column>
<h:outputText styleClass="headerText" value="Mês 1" />
</h:column>
<h:column>
<h:outputText styleClass="headerText" value="Mês 2" />
</h:column>
<h:column>
<h:outputText styleClass="headerText" value="Mês 3" />
</h:column>
<h:column>
<h:outputText styleClass="headerText" value="Mês 4" />
</h:column>
<h:column>
<h:outputText styleClass="headerText" value="Mês 5" />
</h:column>
<h:column>
<h:outputText styleClass="headerText" value="Mês 6" />
</h:column>
<h:column>
<h:outputText styleClass="headerText" value="Mês 7" />
</h:column>
<h:column>
<h:outputText styleClass="headerText" value="Mês 8" />
</h:column>
<h:column>
<h:outputText styleClass="headerText" value="Mês 9" />
</h:column>
<h:column>
<h:outputText styleClass="headerText" value="Mês 10" />
</h:column>
<h:column>
<h:outputText styleClass="headerText" value="Mês 11" />
</h:column>
<h:column>
<h:outputText styleClass="headerText" value="Mês 12" />
</h:column>
<h:column>
<h:outputText styleClass="headerText" value="Total %" />
</h:column>
</rich:columnGroup>
</f:facet>
<rich:column>
<h:outputText value="#{cronogramas.numeroSequencialGrupo} - #{cronogramas.grupo}" />
</rich:column>
<rich:column>
<h:inputText value="#{cronogramas.percentualMes1}" style="width:35px" onkeypress="return apenasNumerosComVirgulas(event);" onkeydown="return handleEnter(this, event)">
<a4j:support event="onblur" action="#{CronogramaMB.iptPercentualMesOnBlur}" reRender="total"></a4j:support>
</h:inputText>
</rich:column>
<rich:column>
<h:inputText value="#{cronogramas.percentualMes2}" style="width:35px" onkeypress="return apenasNumerosComVirgulas(event);" onkeydown="return handleEnter(this, event)">
<a4j:support event="onblur" action="#{CronogramaMB.iptPercentualMesOnBlur}" reRender="total"></a4j:support>
</h:inputText>
</rich:column>
<rich:column>
<h:inputText value="#{cronogramas.percentualMes3}" style="width:35px" onkeypress="return apenasNumerosComVirgulas(event);" onkeydown="return handleEnter(this, event)">
<a4j:support event="onblur" action="#{CronogramaMB.iptPercentualMesOnBlur}" reRender="total"></a4j:support>
</h:inputText>
</rich:column>
<rich:column>
<h:inputText value="#{cronogramas.percentualMes4}" style="width:35px" onkeypress="return apenasNumerosComVirgulas(event);" onkeydown="return handleEnter(this, event)">
<a4j:support event="onblur" action="#{CronogramaMB.iptPercentualMesOnBlur}" reRender="total"></a4j:support>
</h:inputText>
</rich:column>
<rich:column>
<h:inputText value="#{cronogramas.percentualMes5}" style="width:35px" onkeypress="return apenasNumerosComVirgulas(event);" onkeydown="return handleEnter(this, event)">
<a4j:support event="onblur" action="#{CronogramaMB.iptPercentualMesOnBlur}" reRender="total"></a4j:support>
</h:inputText>
</rich:column>
<rich:column>
<h:inputText value="#{cronogramas.percentualMes6}" style="width:35px" onkeypress="return apenasNumerosComVirgulas(event);" onkeydown="return handleEnter(this, event)">
<a4j:support event="onblur" action="#{CronogramaMB.iptPercentualMesOnBlur}" reRender="total"></a4j:support>
</h:inputText>
</rich:column>
<rich:column>
<h:inputText value="#{cronogramas.percentualMes7}" style="width:35px" onkeypress="return apenasNumerosComVirgulas(event);" onkeydown="return handleEnter(this, event)">
<a4j:support event="onblur" action="#{CronogramaMB.iptPercentualMesOnBlur}" reRender="total"></a4j:support>
</h:inputText>
</rich:column>
<rich:column>
<h:inputText value="#{cronogramas.percentualMes8}" style="width:35px" onkeypress="return apenasNumerosComVirgulas(event);" onkeydown="return handleEnter(this, event)">
<a4j:support event="onblur" action="#{CronogramaMB.iptPercentualMesOnBlur}" reRender="total"></a4j:support>
</h:inputText>
</rich:column>
<rich:column>
<h:inputText value="#{cronogramas.percentualMes9}" style="width:35px" onkeypress="return apenasNumerosComVirgulas(event);" onkeydown="return handleEnter(this, event)">
<a4j:support event="onblur" action="#{CronogramaMB.iptPercentualMesOnBlur}" reRender="total"></a4j:support>
</h:inputText>
</rich:column>
<rich:column>
<h:inputText value="#{cronogramas.percentualMes10}" style="width:35px" onkeypress="return apenasNumerosComVirgulas(event);" onkeydown="return handleEnter(this, event)">
<a4j:support event="onblur" action="#{CronogramaMB.iptPercentualMesOnBlur}" reRender="total"></a4j:support>
</h:inputText>
</rich:column>
<rich:column>
<h:inputText value="#{cronogramas.percentualMes11}" style="width:35px" onkeypress="return apenasNumerosComVirgulas(event);" onkeydown="return handleEnter(this, event)">
<a4j:support event="onblur" action="#{CronogramaMB.iptPercentualMesOnBlur}" reRender="total"></a4j:support>
</h:inputText>
</rich:column>
<rich:column>
<h:inputText value="#{cronogramas.percentualMes12}" style="width:35px" onkeypress="return apenasNumerosComVirgulas(event);" onkeydown="return handleEnter(this, event)">
<a4j:support event="onblur" action="#{CronogramaMB.iptPercentualMesOnBlur}" reRender="total"></a4j:support>
</h:inputText>
</rich:column>
<rich:column>
<h:outputText id="total" value="#{cronogramas.total}"></h:outputText>
</rich:column>
</rich:dataTable>
</center>