Ir para conteúdo

POWERED BY:

Arquivado

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

AnibalJR

RowStyler inibe as funções css

Recommended Posts

Estou com uma dificuldade,

Tenho um datagrid que eu preciso colorir a linha dependendo do tipo de valor de um campo, então usei o RowStyler da Jquery para essa finalidade, porem as linhas que receberam a coloração ficam anuladas para função css, quando passo o mouse ou seleciono alguma delas a coloração não muda, já as demais que não receberam o rowstyler aceitam o css normalmente, tem algo que eu posso colocar no código para mudar a cor tambem destas linhas ao serem selecionadas? preciso da coloração distinta pois quando seleciono a linha e clico no botão, abre a div para editar alguns dados.

 

 

 

<table id="dg" title="Controle de Propostas" class="easyui-datagrid" style="width:1000px;height:300px"
data-options="
singleSelect: true,
url: 'pegar_cadastropropostas.php',
method: 'get',
rownumbers: 'true',
fitColumns: 'true',
toolbar: '#toolbar',
pagination: 'true',
rowStyler: function(index,row){
if (row.status_install == 'ANALISE'){
return 'background-color:#F90808;color:#fff;'}
else if (row.status_install == 'RECUSADO' && row.tratada_sn == ''){return 'background-color:#A4D3EE;color:#00688B;'}
else if (row.status_install == 'DESISTENTE' && row.tratada_sn == ''){return 'background-color:#A4D3EE;color:#00688B;'}
else if (row.status_install == 'REAGENDADA' && row.tratada_sn == ''){return 'background-color:#A4D3EE;color:#00688B;'}
else if (row.status_install == 'CHUVA' && row.tratada_sn == ''){return 'background-color:#A4D3EE;color:#00688B;'}
else if (row.status_install == 'AUSENTE' && row.tratada_sn == ''){return 'background-color:#A4D3EE;color:#00688B;'}
else if (row.status_install == 'RECUSADO' && row.tratada_sn == 'Sim'){return 'background-color:#C1CDC1;color:#00688B;'}
else if (row.status_install == 'DESISTENTE' && row.tratada_sn == 'Sim'){return 'background-color:#C1CDC1;color:#00688B;'}
else if (row.status_install == 'REAGENDADA' && row.tratada_sn == 'Sim'){return 'background-color:#C1CDC1;color:#00688B;'}
else if (row.status_install == 'CHUVA' && row.tratada_sn == 'Sim'){return 'background-color:#C1CDC1;color:#00688B;'}
else if (row.status_install == 'AUSENTE' && row.tratada_sn == 'Sim'){return 'background-color:#C1CDC1;color:#00688B;'}
else if (row.status_install == 'OBSTRUIDO' && row.tratada_sn == 'Sim'){return 'background-color:#C1CDC1;color:#00688B;'}
else if (row.status_install == 'OBSTRUIDO' && row.tratada_sn == ''){return 'background-color:#A4D3EE;color:#00688B;';
}
}
">
<thead>
<tr>
<th data-options= "field:'nome_cli', width:60">Nome do Cliente</th>
<th data-options= "field:'produto_cli', width:60">Produto</th>
<th data-options= "field:'data_venda', width:30">Data da venda</th>
<th data-options= "field:'n_proposta', width:20">Proposta</th>
<th data-options= "field:'n_contrato', width:20">Contrato</th>
<th data-options= "field:'status_install', width:30">Status</th>
<th data-options= "field:'agend_para_tec2', width:30">Agendado para</th>
<th data-options= "field:'periodo', width:20">Periodo</th>
<th data-options= "field:'vendedor', width:50">Vendedor</th>
</tr>
</thead>
</table>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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