在ExtJS中，如何更改动作列的背景颜色？

Question

我有一个使用Ext.grid.ColumnModel的ExtJS Web应用程序。对于其中一列，我需要根据

设置背景颜色

var result = new Ext.grid.ColumnModel(
            [
                {
                    xtype: 'actioncolumn',
                    header: 'Delete',
                    align: 'center',
                    width: 50,
                    border: false,
                    items: [{
                        getClass: function (v, meta, record) {
                            if ((record.get('materialType') == '95'){

                                this.items[0].tooltip = "Delete all three";
                                this.items[0].tdCls = 'background-color: #F1F1F1;';

                            }
                            else {
                                this.items[0].tooltip = "Delete just one";
                                this.items[0].tdCls = 'background-color: #FFFFFF;';
                            }


                        }

               }

设置工具提示工作正常;设置背景颜色没有运气。有什么建议吗？

提前致谢， 添

Answer 1

我相信你需要在getClass函数中使用元参数

meta.attr = 'background-color: #F1F1F1;'

http://docs.sencha.com/extjs/4.2.3/#!/api/Ext.grid.column.Action

Answer 2

tdCls属性被设计为css类的名称，而不是某些css指令。例如：

this.items[0].tdCls = 'myclass'

并在你的CSS中：

.myClass { background-color: #FFFFFF;}

如果您不想使用课程，可以使用style属性。

有关详细信息，请参阅http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.grid.column.Column-cfg-renderer。