Ext grid 改变行背景色

有时候我们会要求改变grid的某一行背景颜色,根据特定的条件,这时候可以用viewConfig这个方法。

Ext.util.CSS.createStyleSheet('.ts {background:#9a9a9bc2;}');//单独创建css样式
{
                    xtype: 'gridbase',
                    region: 'north',
                    title: '不含增值税(单位:万元)',
                    titleAlign: "center",
                    dockedItems: [
                        {
                            xtype: 'toolbar',
                            weight: -10,
                            items: [
                                {
                                    xtype: 'mybutton',
                                    btnType: 'winsave',
                                    handler: Ext.bind(me._save, me)
                                }
                            ]
                        }
                    ],
                    id: 'grid1',
                    plugins: [Ext.create('Ext.grid.plugin.CellEditing', {clicksToEdit: 1})],
                    store: _store1,
                    pagingtoolbar: false,
                    isLineFeed: true,
                    viewConfig: {
                        getRowClass: function (record, rowIndex, rowParams, store) {
                        //设置条件,然后返回想展示的样式
                            if (rowIndex === 1 || rowIndex === 3) {
                                return 'ts';//样式名字
                            } else {
                                return ""
                            }

                        }

                    },
                    columns: {
                        defaults: {
                            align: 'center',
                            sortable: false,
                            flex: 1,
                            minWidth: 100,
                            menuDisabled: true,
                            defaults: {
                                sortable: false,
                                menuDisabled: true,
                                flex: 1,
                                minWidth: 150,
                                align: 'center',
                                editor: {
                                    hideTrigger: true,
                                    xtype: 'numberfield'
                                }
                            }
                        },
                        items: []//表头
                    },

这里写图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值