更改网格 extjs3 中的记录边框颜色答案

【问题标题】：Changing records border color in a grid extjs3更改网格 extjs3 中的记录边框颜色
【发布时间】：2016-01-30 12:55:12
【问题描述】：

我有一个网格，用于显示数据库中表中的记录。在此表中，我有一个名为“STATUS”的字段，其值为“ON”或“OFF”。我想要做的是，如果值为 ON，则在网格中为记录提供绿色边框颜色，如果值为 OFF，则为红色边框颜色。在更改 extjs-all.css 中的 CSS 时，我尝试了所有方法，例如 getRowClass 方法。但是我没有成功。非常感谢一些帮助。

 grid = new Ext.grid.GridPanel({
                        id:'users_gridpanel',
                        region:'center',
                        loadMask: {msg:"${tr.Loading}..."},
                        store: gridStore,
                        tbar:tlb,
                        cm: colModel,
                        stripeRows: true,
                        sm: _selctionModel,
                        plugins: [filters],
                        bbar:paging,
                        viewConfig:
                        {
                            forceFit: true,
                            headersDisabled:false
                        },


                    });

【问题讨论】：

标签： javascript extjs extjs3

【解决方案1】：

你有一个网格的列模型，在列模型 status 列中为此添加 renderer 方法并在 html 的 div 标签中添加值

renderer:function(val,b,c,d,e,f){
           if(val==ON){
              return "<div add color property here for div >"+val+"</div>"
             }else{
              return "<div add color property here for div >"+val+"</div>"
             }

        }

【讨论】：

【解决方案2】：

也许不希望你完全需要，但我已经在专栏中使用渲染器功能做了类似的事情，也许你也可以使用它？

这是我的代码：

 columns: [
   {header: "Color", dataIndex: "COLOR", width:100,
     renderer: 
       function(value, metaData, record, rowIndex, colIndex, store){
           if(value =='ON')
                metaData.style = "background-color: rgb(255,255,255);";
           else
                metaData.style = "background-color: rgb(0,0,0);"
         return "";
       }                                        
  },

您可以尝试使用border-color 而不是background-color

希望对你有帮助

【讨论】：