Jump to content
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>
}


 

Share this post


Link to post
Share on other 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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By D Design
      Olá, como posso fazer esse tipo de animação em um site? Que conteúdos devo procurar e estudar? Eu até fiz um no Adobe animate mas não sei como deixar fluido assim e interativo com o mouse do usuário.
       
       
    • By pedronleal
      Olá Pessoal, então, gostaria de saber se existe pessoas, dispostas a trabalhar comigo para fazer um anime, gostaria de montar um grupo de brasileiros com, Ilustradores, Iluminadores, Efeitos especiais e etc, para juntos conseguirmos criar um Anime Brasileiro. Irei criar um Discord para juntar todas essas pessoas e realizar isso. Quem tiver interesse me manda seu Email e se possível seu Discord.
    • By ViniciusRamoa
      Eu peguei um site já pronto em laravel, minha ideia era só pegar o site que o cara distribuiu e mudar layout aos poucos para se adaptar para mim, eu sei, digamos, o intermediário de css e básico de Php e html, e o que eu quero alterar é só o básico como: cores, background e etc, mas mesmo eu alterando os arquivos css ou até mesmo apagando todos os arquivos css, NADA muda no site, como se fosse inútil os arquivos css, mudar a aparência no laravel é diferente? Qual o método?
      Vale lembrar que possui vários arquivos .blade (index.blade, footer.blade etc), isso tem algo a ver? Obrigado
    • By amauri.alves
      Registrado: Sábado, 3 de Setembro de 2016
      Mensagens: 18
        Enviada: 30 Nov 2019 17:21    Assunto: Acessar API do Mercado Livre    Boa tarde, preciso acessar o web-service do mercado pago pois a ideia é conseguir pegar alguns relatórios através de algumas apis disponibilizadas pelo mercado pago.
      Meu problema é que sinceramente eu jamais fiz isto, não sei nem o que eu vou precisar pra fazer isto.

      Gostaria de saber se alguém já fez isto, e tem como me indicar o caminho das pedras. Alguma literatura, Algum treinamento, algum exemplo ou seja me indicar o que eu preciso pra fazer isto.

      Muito Obrigado...
    • By Pantoja
      Eaeeeeee pessoal, quanto tempo nao venho por essas bandas como vão vocês?!
       
      SDS dá época de Flori, ludwig, CrisVector, Percyliana (percy), Anja, Lody, é muita gente desculpem se não coloquei o nome de todos! época boa de desafios de photoshop... mas hoje estou aqui pra pedir ajuda de vcs numa coisinha..  qual site vcs tem usado pra ver modelos de design pra usar em instagram. Qualquer modelo só pra eu dar uma olhada nas novidades dos designs e aplicar em alguns perfis de insta.
       
      Estava precisando no momento algum design simples para frases do dia.
       
      Vlw ae, abraços e tmj!
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.