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

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


效果:
[置顶] Ext.Net 1.x_Ext.Net.GridPanel根据内容判断行背景色_第1张图片

你可能感兴趣的:(function,css,header,ext,ExtJs)