javascript - example - Conjunto de colores de fondo de la fila de cuadrícula Ext JS

extjs grid example

Question

¿Cómo voy a establecer el color de fondo de una fila Ext JS Grid, principalmente solo los elementos seleccionados?

Cualquier ayuda sería muy apreciada.

Answer 1

Para cambiar el color de la fila seleccionada, debe sobrescribir la clase CSS adecuada:

.x-grid3-row-selected {
background-color: red !important;
}

También puede anular el border-color predeterminado si desea usar esa clase.

La función getRowClass , por otro lado, es para agregar una clase de CSS estático a las filas usando la lógica de negocios para determinar qué filas se ven afectadas. También podría lograr colorear en fila de esa manera, pero no afectaría el color de fila resaltado (aunque también podría escribir CSS que usara ambas clases juntas para hacerlo).

EDITAR : para cambiar el estilo de fila programáticamente, querrá definir sus estilos de forma estática en CSS, luego simplemente agregar / eliminar clases de CSS dinámicamente según sea necesario. Por ejemplo, asumiendo una grilla y un botón con id ''my-btn'', al hacer clic en el botón se agregará una clase (podría definirse como .x-grid3-row-selected como se muestra arriba) a la primera fila en la grilla, aplicando cualquier estilo está en la clase CSS. Depende de usted definir su lógica comercial real para seleccionar fila (s), pero esta es la sintaxis:

Ext.get(''my-btn'').on(''click'', function(){
Ext.fly(myGrid.getView().getRow(0)).addClass(''error'');
});

Answer 2

@bmoeskau Esto que diste no funciona conmigo. Prefiero usar

grid.getView().addRowClass(rowIndex, ''red'');

dentro de la función onDoubleClick.