Ir para conteúdo
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

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por Guga Alves
      Olá, estou enfrentando um problema no qual não tinha tido contato até então.

      Alguns textos em uma landing que estou trabalhando simplesmente não exibidos ou apresentam erros na exibição.

      Gostaria de saber se alguém já enfrentado esse problema poderia me ajudar com isso.

      Abaixo segue imagens dos erros
       
       
       


    • Por Yanzoca
      Olá, bom dia/tarde/noite, gostaria de uma ajuda sobre como mudar a interface do photoshop, no meu photoshop a janela de cores aparece como na segunda foto, mas gostaria de deixa-la como na primeira foto, poderiam me ajudar? Desde ja agradeço


    • Por dba.amaro
      Galera, bom dia/tarde/noite, 
       
      Estou desenvolvendo uma aplicação web, porém preciso mostrar algumas informações e os objetos vão mudar de cor / porcentagem, segundo as informações que estão contidas no banco de dados, 
       
      Tenho, algumas ideias, porém não sei nem por onde começar, se alguém puder ajudar, agradeço !!
       
      Um abraço  a todos e bons posts!
    • Por Tiago92
      Bom dia. Tudo bom?
      Eu sou novo tanto aqui quanto na criação de sites e eu realmente apreciaria alguns conselhos.
      Eu criei esse site ( www.liderius.com ) em novembro do ano passado. E esse também foi o meu primeiro contato com criação de sites.
      basicamente é um site aonde eu ofereço conteúdo no blog assim como vendo produtos que sou afiliado.
      qualquer forma de feedback seria muito bem-vinda. tanto logotipo quanto design, cores ou estrutura do site de forma geral.
      Eu sou completamente leigo no assunto mas eu estou disposto a aprender o que for preciso para que esse site fique ótimo.
      Agradeço a sua anteção.
       
      Atenciosamente,
      Tiago
    • Por Geth
      Em termos de tipografia, logo, cores, espaçamentos, navegação, etc?
       
      Segue o link: https://tattoolandia.com.br/
×

Informação importante

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