zoukankan      html  css  js  c++  java
  • EXTJS4:如何改变grid某一个单元格的背景颜色

    测试环境: ext-4.1.0-gpl

     

    JS CODE:

    Ext.onReady(function () {
        Ext.widget('grid', {
            title: 'Users',
            store: {
                fields: ['name', 'email', 'online'],
                data: [
                    { 'name': 'Lisa', "email": "lisa@simpsons.com", "online": true },
                    { 'name': 'Bart', "email": "bart@simpsons.com", "online": false },
                    { 'name': 'Homer', "email": "home@simpsons.com", "online": true },
                    { 'name': 'Marge', "email": "marge@simpsons.com", "online": true }
                ]
            },
            columns: [
                {
                    header: 'Name',
                    dataIndex: 'name',
                    renderer: function (value, meta, record) {
                        meta.tdCls = record.get('online') ? 'user-online' : 'user-offline';
                        return value;
                    }
                },
                { header: 'Email', dataIndex: 'email', flex: 1 },
                { header: 'Online', dataIndex: 'online' }
            ],
             400,
            renderTo: 'output'
        });
    });

    所用到的自定义CSS :

    .x-grid-cell.user-online
    {
        background-color: #9fc;
    }
    .x-grid-cell.user-offline
    {
        background-color: #ffc;
    }

     

  • 相关阅读:
    docker 部署 zabbix
    docker 搭建私有云仓库
    doeker部署zabbix
    LVS
    zabbix安装与配置
    keepalive
    Shell编程(5)
    Shell编程(4)
    Shell编程(3)
    几种Toast用法
  • 原文地址:https://www.cnblogs.com/zdkjob/p/2681181.html
Copyright © 2011-2022 走看看