EXT.NET(十八)根据内容判断行背景色-优快云博客

本文介绍了一种在EXT.NET中实现行背景渲染的方法。通过使用CSS和JS代码结合，可以针对特定行的数据进行背景颜色的设置。这种方法适用于需要突出显示特定行数据的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在网上都搜索了一些资料比如前一篇文章就是EXTJS的做法，在EXT.NET里面稍作修改。确实可以渲染单元格的背景。但是哥哥是想要行。。。

在群里发问：深圳-TIM给出了一个改良方法。

CSS

.itemColor { background-color: #FF3300; }

JS:增加了一个r 就是行的意思啦

var changes = function (value, cellmeta, r) { if (r.data.供应商 == "总计") { cellmeta.css = 'itemColor'; } return value; }

每列都要调用：毕竟是改良么

<ext:RowNumbererColumn Locked="true" /> <ext:Column Header="材料类型" DataIndex="材料类型" Width="80" Locked="true" > <Renderer Fn="changes"/> </ext:Column> <ext:Column Header="供应商" DataIndex="供应商" Locked="true" > <Renderer Fn="changes"/> </ext:Column> <ext:Column Header="一月" DataIndex="一月" Width="80" > <Renderer Fn="changes"/> </ext:Column> <ext:Column Header="二月" DataIndex="二月" Width="80" > <Renderer Fn="changes"/> </ext:Column> <ext:Column Header="三月" DataIndex="三月" Width="80" > <Renderer Fn="changes"/> </ext:Column> <ext:Column Header="四月" DataIndex="四月" Width="80" > <Renderer Fn="changes"/> </ext:Column> <ext:Column Header="五月" DataIndex="五月" Width="80" > <Renderer Fn="changes"/> </ext:Column> <ext:Column Header="六月" DataIndex="六月" Width="80" > <Renderer Fn="changes"/> </ext:Column> <ext:Column Header="七月" DataIndex="七月" Width="80" > <Renderer Fn="changes"/> </ext:Column> <ext:Column Header="八月" DataIndex="八月" Width="80" > <Renderer Fn="changes"/> </ext:Column> <ext:Column Header="九月" DataIndex="九月" Width="80" > <Renderer Fn="changes"/> </ext:Column> <ext:Column Header="十月" DataIndex="十月" Width="80" > <Renderer Fn="changes"/> </ext:Column> <ext:Column Header="十一月" DataIndex="十一月" Width="80" > <Renderer Fn="changes"/> </ext:Column> <ext:Column Header="十二月" DataIndex="十二月" Width="80" > <Renderer Fn="changes"/> </ext:Column> <ext:Column Header="合计" DataIndex="合计" Width="80" > <Renderer Fn="changes"/> </ext:Column>

效果: