如何根据Sencha ExtReact中网格的行数改变行背景颜色？

Posted 2021-05-06

我想根据ExtReact网格中的行数据更改行背景，我在文档中找不到任何选项

答案

我想你正在寻找Ext.grid.feature.RowBody。您必须覆盖getAdditionalData方法并返回包含rowBodyCls的对象。

Ext.create('Ext.grid.Panel', {
  ...
  features: [{
    ftype: 'rowbody',
    getAdditionalData: function (data, idx, record, orig) {
        // Use the data/record to determine which class to apply, then
        // style the row body in CSS.
        return {
            rowBodyCls: "my-body-class"
        };
    }
  }],
...