无法将CSS添加到ExtJS的propertygrid列

时间:2013-07-04 00:47:08

标签: javascript css extjs

我找到了一些关于如何将 css 应用于网格的答案,但在我的情况下,他们都没有帮助我。
以下是我查看的链接:

  1. http://www.sencha.com/forum/showthread.php?109751-Add-color-to-column-property-grid
  2. How to apply background color (or custom css class) to column in grid - ExtJs 4?
  3. How can I change the row colour in datagrid based on severity?
  4. Sencha

    中查看此简单示例
    Ext.create('Ext.grid.property.Grid', {
        title: 'Properties Grid',
        width: 300,
        renderTo: Ext.getBody(),
        source: {
            "(name)": "My Object",
            "Created": Ext.Date.parse('10/15/2006', 'm/d/Y'),
            "Available": false,
            "Version": 0.01,
            "Description": "A test object"
        }
    });
    

    我正在尝试更改“名称”列的背景颜色和一些文本格式。怎么样?

    我知道热到达列来改变它的大小,但是css不起作用:

    listeners : {
        beforerender : function() {
            var cols = this.getView().getHeaderCt().getGridColumns();
            cols[0].setText("Property");
            cols[0].setWidth(150);
        }
    }
    

1 个答案:

答案 0 :(得分:0)

秒。罗马

我是一个极端新手,但是关于列-cls的内容是什么:http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.grid.column.Column-cfg-cls

afaik你应该能够在那里应用你的风格