Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

wandobh

[Resolvido] Ajuda colorir grid mvc

Recommended Posts

Preciso colocar o fundo do grid em vermelho,  caso a minha situação seja "Cancelado". Alguém pode me ajudar, Segue código abaixo.

 

@using ssbhloja.Modelo
@using GridMvc.Html
@model List<ConsultaRecebimentoCheque>

<script>

        $("#btnGravar").hide();
        $("#btnNovo").hide();
        $("#btnCancelar").hide();
        $("#btnExcluir").hide();
        $("#btnImprimir").hide();
        $("#btnLimpar").show();
        $("#btnVoltar").hide();
        $("#btnConsultar").show();

        $("#btnConsultar").click(function () {
            document.forms[0].submit();
        });

        $(function () {

            $('#ClienteFornecedor_RazaoSocial').autocomplete({
                source: function (request, response) {
                    $.ajax({
                        url: '@Url.Action("ObterDropDownListDinamicoC", "ClienteFornecedor")',
                        type: "GET",
                        dataType: "json",
                        data: { nome: request.term },
                        success: function (data) {
                            response($.map(data, function (item) {
                                return {
                                    label: item.Nome,
                                    value: item.Nome,
                                    codigo: item.CodigoS
                                };
                            }));
                        }
                    });
                },
                minLength: 2,

                select: function (event, ui) {
                    SelecionaClienteFornecedoresC(ui);
                    event.preventDefault();
                }
            });           

            $('#ClienteFornecedor_CpfCnpj').change(function () {

                var cpfCnpj = $('#ClienteFornecedor_CpfCnpj').val();

                $.ajax({
                    type: "GET",
                    url: '@Url.Action("ObterClienteFornecedorRazaoSocialC", "ClienteFornecedor")' + "?cpfCnpj=" + cpfCnpj,
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    cache: false,
                    async: true,
                    success: function (data) {
                        $('#ClienteFornecedor_CpfCnpj').val(data.CodigoS);
                        $('#ClienteFornecedor_RazaoSocial').val(data.Nome);
                    },
                    error: function (e) {
                        alert('Erro: ' + url);
                    }
                });
            });
        });

</script>

@{
    ViewBag.Title = "Consulta Cheque";
    Layout = "~/Views/Shared/_LayoutCadastro.cshtml";
}

@using (Html.BeginForm("Index", "ConsultaCheque", FormMethod.Get))
{
    <div>
        @{

            <fieldset class="painel">

                <hr />

                <h3> Consulta Cheque</h3>

                <hr />

                <fieldset class="grupo frm-consulta">
                    <div class="frm-column10">
                        @Html.LabelFor(pcq => pcq.FirstOrDefault().ClienteFornecedor.CpfCnpj)
                    </div>

                    <div class="frm-column12L">
                        @Html.TextBoxFor(pcq => pcq.FirstOrDefault().CPFCNPJPcq, new { style = "width: 100%;", id = "ClienteFornecedor_CpfCnpj", onKeyUp = "tabenter(event,getElementById('ClienteFornecedor_RazaoSocial'))", @autofocus = "autofocus" })
                    </div>

                    <div class="frm-column28L">
                        @Html.TextBoxFor(pcq => pcq.FirstOrDefault().ClienteFornecedor.RazaoSocial, new { style = "width: 100%;", @class = "uppercase ", id = "ClienteFornecedor_RazaoSocial", onKeyUp = "tabenter(event,getElementById('ClienteFornecedor_CpfCnpj'))" })
                    </div>
                </fieldset>

            </fieldset>
        }
    </div>

    <div>   
        @Html.Grid(Model).Named("GridCheque").Columns(columns =>
   {
       columns.Add(pcq => pcq.Loja.CodigoLoja)
           .Titled("Loja")
           .SetWidth(30);

       columns.Add(pcq => pcq.ClienteFornecedor.CpfCnpj)
           .Titled("CPF/CNJ")
           .SetWidth(40);

       columns.Add(pcq => pcq.ClienteFornecedor.RazaoSocial)
           .Titled("Nome Cliente")
           .SetWidth(150);

       columns.Add(pcq => pcq.NumeroCheque)
           .Titled("Nr. Cheque")
           .SetWidth(50);

       columns.Add(pcq => pcq.DataMovimento)
           .Titled("Dt Movimento")
           .SetWidth(50)
           .Format("{0:dd/MM/yyyy}");

       columns.Add(pcq => pcq.DataVencimento)
           .Titled("Dt Vencimento")
           .SetWidth(50)
           .Format("{0:dd/MM/yyyy}");

       columns.Add(pcq => pcq.ValorCheque)
           .Titled("Vr. Cheque")
           .SetWidth(60)
           .Format("{0:N2}");

       columns.Add(pcq => pcq.SituacaoPcq)
           .Titled("Situação")
           .SetWidth(40);

   }).WithPaging(8).Sortable().Filterable().WithMultipleFilters().EmptyText("Não existem itens.")
    </div>
}


 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Consegui resolver o problema.

Adicionei abaixo do:

@model List<ConsultaRecebimentoCheque> um rendercustomcss



@helper RenderCustomCSS(string Value)
{
    <p class="@(Value == "Cancelado" ? "gridDangerCell" : "")">@Value</p>
}

 

E na declaração da coluna SituacaoPcq ficou da seguinte forma.

 

columns.Add(pcq => pcq.SituacaoPcq)
                .Encoded(false)
                .Sanitized(false)
                .RenderValueAs(pcq => RenderCustomCSS(pcq.SituacaoPcq.ToString()))
                .Titled("Situação")
                .SetWidth(40);

 

 

No final da declaração do grid, adicionei o SetRowCssClasses da seguinte forma.

 

.SetRowCssClasses(pcq => (pcq.SituacaoPcq.ToString() == "Cancelado") ? "danger" :  string.Empty).WithPaging(15).Sortable().Filterable().WithMultipleFilters().EmptyText("Não existem itens.").

 

 

Desta forma se a situação me retornar Cancelado, a linha toda fica de vermelho.

Que e a cor declarada no css para "danger"

 

 

Se alguem puder colocar como resolvido. Vlw

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por Motta
      Pergunta meio "gasosa" reconheço , mas :
       
      Preciso representar uma hierarquia de valores, algo como
       
      Custo Total $$$
      __ambulatorio $$$
      ____consultas $$$
      _______eletivas $$$
      _______pronto socorro $$$$
      ____exames $$$
      ____terapias $$$
      __hospitar $$$
      ___cirurgico $$$
      ___clinico $$$
       
      Queria uma ideia de gráfico, seria para implentar em QlikSense mas sequer uma boa ideia de gráfico tive.
       
      Agradeço desde já.
    • Por Alessandro Bodão
      Salve galerinha, passando pra mostrar pra vocês o novo projeto de marca que a Jatobá Estúdio desenvolveu, espero que gostem.   https://www.behance.net/gallery/166555627/Fernanda-Pinheiro-Nutricionista-Esportiva
    • Por theuz bergles
      QUERO CRIAR UM GAME, MAS NÃO TENHO CONHECIMENTO PARA TAL.
       
      Olá! A minha ideia é criar um jogo de terror, que tenha realmente uma pegada de medo no psicológico do jogador. Mas como eu disse no título, não possuo conhecimento para tal criação e estou buscando profissionais (podem ser amadores também) que queiram trabalhar nisso comigo. A seguir, estará a apresentação da minha ideia inicial: 
       
       
      •O jogo seria em uma igreja abandonada, onde seriam feitas perguntas, uma de cada vez, em alguma parte (porta, janela, parede, chão, teto...) de um cômodo aleatório do ambiente escolhido. Obs: Perguntas  Sempre vai ter um ponto de interrogação (“?”) ao final de cada pergunta feita pelo demônio. Obs: Respostas  no cômodo estaria escrito “A RESPOSTA É...” e as respostas estariam apresentadas em alternativas: “A), B), C) e D)” e a resposta certa deverá ser falada em voz alta, através do microfone ligado ao seu computador: “A RESPOSTA É A ALTERNATIVA D)”, por exemplo. Obs: As perguntas e respostas sempre vão seguir os padrões grifados com as aspas (“ ”). •Para que tenhamos mais interatividade, o jogador terá que dizer em voz alta, através do microfone conectado ao seu computador, as perguntas escritas pelo demônio, pois assim, o jogo irá entender que você visualizou a pergunta feita, irá processar e, em seguida, escrever a resposta da forma citada acima. E com a resposta (uma das alternativas apresentadas), você também terá que dizer em voz alta através do microfone conectado ao seu computador. •Lembrando que, como o personagem principal tem conhecimento em Latim, as perguntas podem aparecer no respectivo idioma. Porém, se isso acontecer, o demônio irá traduzir a pergunta para o seu idioma, falando em voz alta. (E isso está incluído como fenômeno paranormal) •O jogo terá um sistema de sanidade mental, que funcionaria como uma espécie de vida para o personagem, iniciando com 100%, e diminuindo ao longo do tempo. Caso você presencie alguma atividade paranormal, fique na escuridão por algum tempo, tenha alguma manifestação do tabuleiro Ouija ou responda alguma pergunta de forma incorreta, a perda de sanidade será maior, e se chegar a 0%, o demônio matará o personagem instatâneamente. •Quanto menos sanidade, mais fenômenos irão acontecer e, consequentemente, mais rápido chegará a 0. Para retardar essa ocorrência, estaremos implementando pílulas, que funcionarão como remédios para aumentar parte da sanidade, e diminuir, temporariamente, a perda precoce da mesma. Ainda assim, mesmo com esse retardo, teremos crucifixo e água benta, que vão ajudar no mantimento temporário da sanidade atual, mesmo que ocorram fenômenos naturais. Depois de algum tempo, o crucifixo quebrará e se tornará inútil, e a água benta terá efeito imediato, porém durará apenas algum tempo. •No início da Gameplay, o personagem começará com uma vela acesa (uma das velas que foram usadas no uso do tabuleiro Ouija) e terá que tomar cuidado para a vela não apagar, seja por causa da tempestade fora da Igreja, seja por causa dos fenômenos paranormais. •Caso a vela seja apagada, por quaisquer dos motivos acima, não se preocupe! Nós fornecemos um isqueiro e uma lanterna, que estão pela Igreja. Mas tome cuidado! Como o isqueiro funciona com gás e a cada uso parte do gás é consumido, o isqueiro tem a quantidade de usos limitado. E a lanterna, como funciona a pilhas, caso acabe as que já estão nela, você pode encontrar outras pelo caminho. Se não conseguir encontrar, bom, você já sabe o que lhe aguarda... •As luzes dos cômodos podem ser acesas, ou apagadas caso o demônio intervenha ou caso a tempestade rompa os cabos de energia. (Caso as luzes sejam religadas sozinhas ou caso você as consiga ligar, logo depois que elas foram desligadas, com certeza foi o demônio. Ou seja, pode ser considerado um fenômeno paranormal.) •Caso as perguntas sejam respondidas da maneira correta, mais um efeito será adicionado na trilha sonora, deixando-a mais apavorante e, consequentemente, deixando o jogador com mais medo. •Um sistema de “Conquistas” será adicionado, para que o jogador sempre jogue buscando obter todas elas. •Se o jogador responder até 3 perguntas de forma incorreta, ele perderá uma quantidade aleatória de sanidade a cada resposta errada, podendo chegar a 0 instantâneamente, até a terceira resposta dada, e, consequentemente, morrendo por este motivo. •Caso o jogador consiga se manter vivo até o final (se ele não morrer imediatamente no primeiro, segundo ou terceiro erro) ou responda de forma correta todas as perguntas feitas, o exorcismo no demônio é feito e ele consegue salvar seu amigo. •Em algumas perguntas específicas, você pode interagir com o tabuleiro Ouija para obter a resposta. Obs: Mas lembre-se que você perderá sanidade ao fazer isso. •Ao ver as perguntas e respostas escritas, sua sanidade também cairá, já que, se não é você quem está escrevendo-as, quem será? (considerado fenômeno sobrenatural.) •Não necessariamente, se você ouvir algum ruído do ambiente, significa que seja algum fenômeno. Pode ser consequência da tempestade no ambiente externo. (Portas fechando, janelas batendo, sino tocando, trovões.) Obs: Gritos, soluços, risadas, choros, batidas na porta, portas trancadas (não tem como uma igreja abandonada ter portas trancadas) são considerados fenômenos.
    • Por dayvidham
      Olá, atualmente faço parte de uma comunidade brasileira que está imersa em um projeto DeFi de um Token que roda na rede BSC.
      Temos um Token chamado SkyRocketSR criado a 31 dias e ja somos mais de 5000 pessoas interessadas no seu sucesso.
      Estamos em busca de programadores, designers e todos que poderem somar à comunidade de alguma forma.
      Alguém gostaria de saber mais do projeto e quem sabe compor a equipe da linha de frente já que somos uma comunidade?
      Obrigado e contamos com você.

      https://skyrocketsr.com/en/

      Aqui há mais sobre nós!
    • Por dayvidham
      Olá, atualmente faço parte de uma comunidade brasileira que está imersa em um projeto DeFi de um Token que roda na rede BSC.
      Temos um Token chamado SkyRocketSR criado a 31 dias e ja somos mais de 5000 pessoas interessadas no seu sucesso.
      Estamos em busca de programadores, designers e todos que poderem somar à comunidade de alguma forma.
      Alguém gostaria de saber mais do projeto e quem sabe compor a equipe da linha de frente já que somos uma comunidade?
      Obrigado e contamos com você.

      https://skyrocketsr.com/en/

      Aqui há mais sobre nós!
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.