Conjunto de colores de fondo de la fila de cuadrícula Ext

Question

¿Qué debo hacer para 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 fila seleccionada tiene que sustituir la clase CSS correspondiente:

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

También puede reemplazar el valor predeterminado border-color si usted desea usando esa clase.

La función getRowClass, por otro lado, es para agregar una clase de CSS estático a las filas mediante 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).

EDIT: Para cambiar el estilo de fila programáticamente, querrá definir sus estilos estáticamente 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. Todo depende de usted para definir la lógica de negocio real para la selección de 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 Esta cosa que diste no funciona conmigo. Yo prefiero usar

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

dentro de la función OnDoubleClick.