Well I got it to almost work correctly by using the getClass property for the actioncolumn however, when the grid is displayed, it is loading all the correct data from the store however the icon and tooltip for the 1st row is not displayed.
I essentially converted the pseudo-code in my earlier post into the below...
I have checked the response being sent to the ajax request and it looks good, no issues there.
getClass: function(v, meta, rec)
if(rec.get('Activity') == '0')
this.items.icon = 'testIcon1';
this.items.tooltip = 'testTooltip1';
this.items.icon = 'testIcon2';
this.items.tooltip = 'testTooltip2';
When I take a closer look, I noticed that the icons are being displayed starting at the 2nd row which means the 1st row was completely skipped...
however the tooltips are not skipping the 1st row although no tooltip is displayed in the 1st row because I believe it requires an icon though?
So I get the following below as an example...
so the issue appears to be the icon that is not displayed in the 1st row therefore placing the 1st row's icon in the 2nd row and so on which is causing the confliction.
row 1: activityValue = 0, icon = blank, tooltip=notdisplayed
row 2: activityValue = 1, icon = testIcon1, tooltip=testTooltip2 (note: icon should be testIcon2)
row 3: activityValue = 0, icon = testIcon2, tooltip=testTooltip1 (note: icon should be testIcon1)
row 4: activityValue = 1, icon = testIcon1, tooltip=testTooltip2 (note: icon should be testIcon2)
row 5: activityValue = 0, icon = testIcon2, tooltip=testTooltip1 (note: icon should be testIcon1)