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

Posted 2023-02-26

【中文标题】更改网格 extjs3 中的记录边框颜色

【英文标题】：Changing records border color in a grid 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
                        ,


                    );

【参考方案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

希望对你有帮助