Цвет сетки свойств ExtJS

Question

Как добавить цвет фона в сетку свойств?

Я пробовал:

tdCls: 'red', 

в моей конфигурации, но он ничего не делает.

Мой полный конфиг есть:

xtype:'propertygrid', 

     width: 80, 
     header: false, 
     title: 'prop grid', 
     //for some reason the headers are not hiding, we may need to deal with this using CSS 
     //hideHeaders: true, 
     enableColumnResize: false, 
     sortableColumns: false, 
     nameColumnWidth: 1, 
     source: record.data, 
     sourceConfig: { 

      periodScrumMaster: { 
       editor: Ext.create('Ext.form.ComboBox', { 
        tdCls: 'red', 
        store: team, 
        queryMode: 'local', 
        displayField: 'personName', 
        valueField: 'personName', 

        listeners: { 
         'expand' : function(combo) { 
          var gridvalues = this.up('propertygrid').getSource(); 
          combo.getStore().clearFilter(true); 
          combo.getStore().addFilter({property: 'teamName', value: teamName}); 
          combo.getStore().addFilter({property: 'periodName', value: gridvalues.periodName}); 
          var totalFTE = team.count(); 
          console.log(totalFTE); 
          var teamStore = Ext.getStore('personPeriods'); 
          console.log('store'); 
          console.log(teamStore); 
         }, 
        }}), 
       displayName: 'Scrum Master' 
      }, 

Answer 1

tdCls на editor не будет работать, потому что он должен быть указан на columns и propertygrid «s столбцов (и их классы CSS) жестко заданы в Ext.grid.property.HeaderContainer.

Вы по-прежнему можете применять свои стили, добавляя их к классам CSS, которые уже используются на propertygrid. Это x-grid-property-name и x-grid-cell-value (можно увидеть в любом инспекторе DOM). Пример: https://fiddle.jshell.net/d4gka7aj/