Ext.Net 1.x_Ext.Net.GridPanel根据内容判断行背景色

来源：互联网发布：知乎上传图片未成功编辑：程序博客网时间：2024/06/14 21:02

在网上都搜索了一些资料比如前一篇文章就是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>

效果: