Hervorhebung von Zeilen in Rastern - extjs

Question

In extjs wie markieren Sie eine Zeile in einem Raster, indem Sie die Raster- und Zeilendetails angeben. Wenn nicht, stellen Sie irgendeine andere Methode zur Verfügung, es zu tun.

Die obige Zeile wählt und markiert es in Standardfarbe. Gibt es eine Möglichkeit, die Farbe anzupassen?

Answer 1

Ich bin mir nicht sicher, ob Sie eine Zeile markieren möchten, indem Sie sie auswählen oder sie einfach markieren, ohne sie auszuwählen.

Der folgende Artikel enthält fast alles, was Sie über ExtJS Styling Gitter wissen sollten: http://skirtlesden.com/articles/styling-extjs-grid-cells

Unter „Styling Zeilen“ heißt es:

In vielen Fällen sind das Styling für eine Zeile ist abhängig von den Daten für diese Reihe. Diese Daten werden durch einen Datensatz im Geschäft dargestellt. Wir können eine CSS-Klasse auf das auf der Platte mit Hilfe der Konfigurationsoption getRowClass basierend Element hinzufügen:

Ext.create('Ext.grid.Panel', { 
    ... 
    viewConfig: { 
     stripeRows: false, 
     getRowClass: function(record) { 
      return record.get('age') < 18 ? 'child-row' : 'adult-row'; 
     } 
    } 
}); 

mit dem benutzerdefinierten CSS:

.child-row .x-grid-cell { 
    background-color: #ffe2e2; 
    color: #900; 
} 

.adult-row .x-grid-cell { 
    background-color: #e2ffe2; 
    color: #090; 
} 

Nicht sicher, ob dies ist, was Sie suchen: , aber Sie können sich den ganzen Artikel ansehen, ich bin sicher, dass Sie die Antwort auf Ihre Frage dort finden.

einfach die Farbe der ausgewählten Zeilen in einem bestimmten Raster ist durch die Definition ein bestimmtes bodyCls auf dem Gitter (zB bodyCls:"mygrid") und eine entsprechende kundenspezifische Art auch durchaus möglich, Customizing:

.mygrid .x-grid-item-selected .x-grid-cell { 
    background-image:none; 
    background-color:#fc0; 
}