How to Change action column icon dynamically?

[Ankit.Desai]

Hello,

I am trying to display

xtype:'actioncolumn'

icon config dynamically base on lets say role of login person.

code is as below

{
            xtype:'actioncolumn', 
            width:50,
            id:'actionCol',
            items: [{
                icon: '../imgs/edit.gif',  // Use a URL in the icon config
                tooltip: 'Edit',
                handler: function(grid, rowIndex, colIndex) {


                }
            }]
    }

I also have fields like below

var fields = [
     {name: 'site_external_id', type: 'string'},
     {name: 'site_name', type: 'string'},
     {name: 'site_address', type: 'string'},
     {name: 'site_new', type: 'string'},
     {name: 'site_status', type: 'string'},
     {name: 'site_access', type: 'string'},
     {name: 'site_id', type: 'string'}
  ];

site_access will have view or edit value. So, I am trying to display icon base on view or edit value.

-Ankit