Extjs grid 的背景框颜色设置

最新推荐文章于 2020-12-28 00:37:00 发布

原创最新推荐文章于 2020-12-28 00:37:00 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

Extjs 专栏收录该内容

24 篇文章

订阅专栏

本文介绍如何在ExtJS框架中使用Grid的renderer方法来改变特定行的背景颜色。通过实例展示了如何根据单元格的值调整样式，适用于需要对表格数据显示进行定制化的场景。

这里写图片描述
有时候需要根据特定的条件改变grid某一行的背景色，所以就可以使用renderer方法

{
                                "text": "参考值",
                                flex: 1,
                                "dataIndex": "REFERENCE",
                                editor: {
                                    xtype: 'textfield',
                                },
                                'minWidth': 120,
                                renderer: function (v, f, record) {
                                //这里可以根据v或者record来获取不同的值进行条件判断，然后进行格式的改变。
                                 /* if (v === '0') {
                                        return '<a style="text-decoration: underline;color: blue;cursor:pointer">' + '临时保存' + '</a>';
                                  } else if (v === '1') {
                                        return '已提交';
                            }*/
                                        f.tdStyle = 'background-color:#ebef17a3';
                                    return v//一定要记得返回值否则就是空的数据。

                                }
                            },