javascript - 在 viewConfig 属性的 getRowClass 中分配颜色代码后，背景颜色不会改变

Question

这里是 JavaScript，我在其中设置 BusinessObject 列和 CustomTable 列中包含不同数据的字段的背景颜色。

projectgrid= new Ext.grid.GridPanel
     ({
         id:projectgrid,
         cm : projectInfoFieldsCM,
         store: inlineGridStore,
         stripeRows: true,
         autoScroll:true,
         width:550,
         height:500,
         bodyCssClass : 'customInlineGridCSS',
         viewConfig: 
         {
            forceFit: false,
            autoFill : false,
            deferEmptyText : false,
            emptyText : '<div align="center"><span style="font-size: 9pt; font-weight: normal">No record available</span></span></div>',
            getRowClass: function(record, index, rowParams, store) {
                if(record.get('BusinessObject')!=record.get('CustomTable')){
                     return 'gender-male';
                }
            }
         }
      });

这里是 css 文件，我在其中分配了颜色编码。注意:我尝试了在 css 文件中声明的两个 ID。

             .data-row-light-red
            {
            background-color: #ff0000 !important ;
            }

            .gender-male .ID {
                background-color: #088da5;
            }

我是否做错了什么，因为我之前已经实现了此功能，但我陷入了这个功能？

Answer 1

也许不希望您完全需要，但我已经在专栏中对渲染器函数做了类似的事情，也许您也可以使用它？

这是我的代码:

 columns: [
   {header: "Color", dataIndex: "COLOR", width:100,
     renderer: 
       function(value, metaData, record, rowIndex, colIndex, store){
         metaData.style = "background-color: rgb(255,255,255);";
         return "";
       }                                        
  },

希望这有帮助