jQuery EasyUI Data Grid - condições estabelecidas linha cor de fundo
Este tutorial irá mostrar-lhe como alterar a linha de montagem Estilo Data Grid (grade de dados) de acordo com uma série de condições. Quando o valor ListPrice é maior do que 50, vamos definir uma cor diferente para a linha.
Projetado para grade de dados (datagrid) da função rowStyler é permitir que você personalizar os estilos de linha. O código a seguir mostra como alterar o estilo de linha:
<Id Tabela = "tt" title = "DataGrid" style = "width: 600px; height: 250px" url = "Dados / datagrid_data.json" singleSelect = "true" fitColumns = "true"> <Thead> <Tr> <Field Th = "ItemId" width = "80"> Item ID </ th> <Field Th = "ProductID" width = "80"> ID do produto </ th> <Th campo = "ListPrice" width = "80" align = "right"> Listar preço </ th> <Field Th = "unitcost" width = "80" align = "right"> Custo Unitário </ th> <Th campo = largura "attr1" = "150"> Atributo </ th> <Field Th = "status" width = "60" align = "center"> Stauts </ th> </ Tr> </ Thead> </ Table>
$ ( "# Tt '). Datagrid ({ rowStyler: function (índice, row) { Se (row.listprice> 50) { "Background-color: rosa; color: blue; font-weight: bold;" retorno; } } });
Como você pode ver, vamos definir o background-color (cor de fundo), de acordo com algumas condições para a rosa (pink), definir a cor do texto para azul (azul).