How to change the blue / red color of an edited field

0

I have the following screen:

link

How can I change the field, from the list, forecast1 so that it becomes red or blue as I edit it and saved by changing its value.

Follow xhtml.

<p:dataTable id="produtosTable"
                value="#{pesquisaPrevisaoBean.lazyModel}" var="produto"
                style="margin-top: 20px" emptyMessage="Nenhuma Previsão Encontrada"
                paginatorPosition="bottom" rows="5" paginator="true"
                paginatorTemplate="{RowsPerPageDropdown} {PreviousPageLink} {CurrentPageReport} {NextPageLink}"
                currentPageReportTemplate="(#{msg.pagina} {currentPage} #{msg.de} {totalPages}) - (#{msg.registro} {startRecord} #{msg.a} {endRecord}) - Total ({totalRecords} #{msg.registros})"
                styleClass="mystyle" paginatorAlwaysVisible="true"
                rowsPerPageTemplate="10, 20, 30" lazy="true">

                <f:facet id="header" name="header">
               Previsão de Vendas
            </f:facet>


                <p:column headerText=" Codigo do Produto"
                    sortBy="#{produto.codigoProduto}"
                    style="text-align: center; width: 140px">

                    <p:commandLink value="#{produto.codigoProduto}"
                        update=":userDetailForm:display" oncomplete="userDialog.show()"
                        title="View">
                        <f:setPropertyActionListener value="#{produto}"
                            target="#{pesquisaPrevisaoBean.previsaoSelecionada}" />
                    </p:commandLink>
                </p:column>

                <p:column headerText=" Descrição"
                    style="text-align: center; width: 140px">
                    <p:cellEditor>
                        <f:facet name="output">
                            <h:outputText value="#{produto.descricao}" />
                        </f:facet>
                        <f:facet name="input">
                            <p:inputText value="#{produto.descricao}" />
                        </f:facet>
                    </p:cellEditor>




                </p:column>
                <p:column headerText=" Filial"
                    style="text-align: center; width: 140px">
                    <h:outputText value="#{produto.codigoFilial}">

                    </h:outputText>
                </p:column>
                <p:column headerText=" Custo Unitário"
                    style="text-align: center; width: 140px">
                    <h:outputText value="#{produto.valor}">

                    </h:outputText>
                </p:column>


                <p:column headerText=" Fator de Alisamento"
                    style="text-align: center; width: 140px">
                    <h:outputText value="#{produto.fatorAmortecimentoExponencial}">

                    </h:outputText>


                </p:column>

                <p:column headerText=" Previsão1"
                    style="text-align: center; width: 140px">
                    <h:outputText value="#{produto.quantidadeRecente}">

                    </h:outputText>
                </p:column>
                <p:column headerText=" Previsão2"
                    style="text-align: center; width: 140px">

                    <h:outputText value="#{produto.quantidadeRecente}">

                    </h:outputText>

                </p:column>

                <p:column headerText=" Previsão3"
                    style="text-align: center; width: 140px">

                    <h:outputText value="#{produto.quantidadeRecente}">

                    </h:outputText>

                </p:column>
                <p:column headerText=" Receita da Previsão"
                    style="text-align: center; width: 140px">

                    <h:outputText value="#{produto.quantidadeReais}">
                        <f:convertNumber locale="pt_BR" minFractionDigits="2"
                            maxFractionDigits="2" />
                    </h:outputText>

                </p:column>

                <p:column style="width: 100px; text-align: center"
                    headerText="#{msg.acoes}">

                    <p:commandButton icon="ui-icon-trash" title="#{msg.excluir}"
                        oncomplete="confirmacaoExclusao.show()" process="@this"
                        update=":frmPesquisa:confirmacaoExclusaoDialog">
                        <f:setPropertyActionListener
                            target="#{pesquisaPrevisaoBean.previsaoSelecionada}"
                            value="#{previsao}" />
                    </p:commandButton>
                </p:column>
            </p:dataTable>

            <p:confirmDialog header="#{msg.exclui_tecnico}"
                widgetVar="confirmacaoExclusao" id="confirmacaoExclusaoDialog">
                <p:button value="#{msg.nao}"
                    onclick="confirmacaoExclusao.hide(); return false;" />
                <p:commandButton value="#{msg.sim}"
                    oncomplete="confirmacaoExclusao.hide();"
                    action="#{pesquisaPrevisaoBean.excluir}" process="@this"
                    update=":frmPesquisa:produtosTable" />
            </p:confirmDialog>

        </h:form>
        <p:dialog header="Alterar Previsão" widgetVar="userDialog"
            resizable="false" id="userDlg">
            <h:form id="userDetailForm">
                <p:panelGrid id="display" columns="4" cellpadding="4"
                    style="margin:0 auto;">


                    <p:outputLabel value="Ultimo Ano:" for="ultimoAno" />
                    <p:inputText id="ultimoAno" disabled="true"
                        value="#{pesquisaPrevisaoBean.previsaoSelecionada.anoAnterior}" />

                    <p:outputLabel value="Quantidade:" for="quantidade" />
                    <p:inputText id="quantidade" disabled="true"
                        value="#{pesquisaPrevisaoBean.previsaoSelecionada.ultimaQuantidade}" />


                    <p:outputLabel value="terceiro Mês:" for="terceiroMes" />
                    <p:inputText id="terceiroMes" disabled="true"
                        value="#{pesquisaPrevisaoBean.previsaoSelecionada.terceiroMesAnterior}" />

                    <p:outputLabel value="Quantidade:" for="quantidade4" />
                    <p:inputText id="quantidade4" disabled="true"
                        value="#{pesquisaPrevisaoBean.previsaoSelecionada.terceiraQuantidade}" />


                    <p:outputLabel value="Penultimo Mês:" for="segundoMes" />
                    <p:inputText id="segundoMes" disabled="true"
                        value="#{pesquisaPrevisaoBean.previsaoSelecionada.segundoMesAnterior}" />

                    <p:outputLabel value="Quantidade:" for="quantidade3" />
                    <p:inputText id="quantidade3" disabled="true"
                        value="#{pesquisaPrevisaoBean.previsaoSelecionada.segundaQuantidade}" />


                    <p:outputLabel value="Ùltimo mês:" for="primeiroMes" />
                    <p:inputText id="primeiroMes" disabled="true"
                        value="#{pesquisaPrevisaoBean.previsaoSelecionada.primeiroMesAnterior}" />

                    <p:outputLabel value="Quantidade:" for="quantidade1" />
                    <p:inputText id="quantidade1" disabled="true"
                        value="#{pesquisaPrevisaoBean.previsaoSelecionada.primeiraQuantidade}" />

                    <h:outputText value="Previsao:"></h:outputText>

                    <h:inputText
                        value="#{pesquisaPrevisaoBean.previsaoSelecionada.quantidadeRecente}" />


                    <f:facet name="footer">
                        <p:commandButton id="alterar" value="Alterar"
                            update=":frmPesquisa:produtosTable"
                            oncomplete="tratarAssociacao(args)"
                            actionListener="#{pesquisaPrevisaoBean.alterarPrevisao}" />
                    </f:facet>
                </p:panelGrid>
            </h:form>
        </p:dialog>
    
asked by anonymous 24.07.2017 / 22:22

1 answer

0

You will need to put a ternary operator in Forecast1. Something similar to this:

<h:outputText value="#{produto.quantidadeRecente} style="#{produto.estoqueInsuficiente ? 'color: red' : ''}">

Consider that insufficient inventory is a method that returns a boolean with the product stock.

I've taken this snippet from here: link

    
24.07.2017 / 22:32