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的列（以及他们的CSS类）是硬编码在Ext.grid.property.HeaderContainer。

您仍然可以通过将样式添加到propertygrid上已使用的CSS类来应用样式。它们是x-grid-property-name和x-grid-cell-value（可以在任何DOM检查器中看到）。示例：https://fiddle.jshell.net/d4gka7aj/

ExtJS属性网格颜色

1 个答案: