extjs4 Thay đổi biểu tượng cột hành động động

Question

Tôi đang sử dụng getClass để hiển thị biểu tượng trong cột hành động.

{ 
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'; 
     } 

    } 
} 

Và mã css:

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

Mã này có vẻ là đúng, nhưng biểu tượng không được hiển thị. Những gì tôi đang thiếu?

Answer 1

tôi đã giải quyết nó như thế này:

{ 
    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'; 
       } 
      } 
     }] 
} 

Và mã 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

hoặc bạn có thể thử điều này:

iconCls: me.readOnly == true? 'biểu tượng-xem': 'biểu tượng-chỉnh sửa',