extjs4アクション列アイコンを動的に変更する

Question

私はgetClassを使用して、アクション列にアイコンを表示しています。

{ 
xtype: 'actioncolumn', 
id:'actionColumnGridUsers', 
width: 30, 
hideable: false, 
items: ['->', 
    { 
     getClass: function (v, meta, rec) 
     { 
      if (rec.get('nameUser') != '') return 'icon-edit'; 
      else return 'icon-add'; 
     } 

    } 
} 

とCSSコード：

.icon-add { background-image: url("../images/add.png"); } 
.icon-edit { background-image: url("../images/edit.png"); } 

コード正しいように思えるが、アイコンは表示されません。私は何が欠けているのですか？

Answer 1

私はこのようにそれを解決しています

{ 
    xtype: 'actioncolumn', 
    id:'actionColumnGridUsers', 
    width: 30, 
    hideable: false, 
    items: 
     [{ 
      getClass: function(v, meta, rec) { 
       if (rec.get('nameUser') != '') { 
        this.items[0].tooltip = 'del'; 
        return 'icon-del'; 
       } else { 
        this.items[0].tooltip = 'edit'; 
        return 'icon-edit'; 
       } 
      } 
     }] 
} 

とCSSコード：

.x-action-col-cell img.icon-del { 
background-image: url("../images/delete.png"); 
} 
.x-action-col-cell img.icon-edit { 
    background-image: url("../images/add.png"); 
} 

Answer 2

か、この試すことができます：

iconCls：me.readOnly ==本当か？ 'icon-view'： 'icon-edit'、