[Resolvido] Ajuda colorir grid mvc

[wandobh 0]

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>
}

 

[wandobh 0]

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