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

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

2017-09-27 Harshal Ringe

使用'grid.addRowCls（rowIndex位置， '红'）;' – UDID

使用此https://stackoverflow.com/questions/17461363/extjs-grid-add-class-to-row-when-click -a-cell-of-row – UDID

感谢您的回应，但我无法使用此解决方案。我不想在渲染后更改行背景，我想在渲染行时设置一些CSS类或背景样式。实际上有四种记录状态，根据我希望这些行被着色的状态。在ExtJS的4，我们可以使用 viewConfig做到这一点：{ getRowClass：功能（纪录，指数，rowParams）{ //设置CSS数据 } 的基础} 但我找不到这样的事ExtReact 6.5.1或Extjs 6.5.1 –

我认为您在寻找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" 
     }; 
    } 
    }], 
...

来源

2017-09-27 22:50:16

感谢Joe Holloway。这种解决方案将适用于Extjs，但我看起来与ExtReact相同 –

Doh，我认为它会是一样的。如果有人正在寻找ExtJS解决方案，我会离开这个。我在ExtReact文档中探索过，似乎有一些与我在这里提出的内容类似的未公开的内容，但我无法准确指出如何实现。 –

感谢您的帮助 –

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

回答

相关问题