ExtJS 4.0.2a ActionColumn的使用

博客分类：  EXTJS

Web JavaScript EXT

ActionColumn是有问题的（不敢说是BUG），text属性不起作用、iconCls不知所云，但是非要使用怎么办？下面是我做的一个例子可以看看用变态的方法解决它： 

Js代码  

1. xtype : "actioncolumn",  
2. html:'<div class="x-column-header-inner" id="ext-gen1293" style="padding-top: 0px; height: auto; "><span class="x-column-header-text" id="ext-gen1295">帐号状态</span><div class="x-column-header-trigger" id="ext-gen1294"></div></div>',  
3. sortable : false,  
4. dataIndex : "enabled",  
5. items: [{  
6.     icon:"js/extjs/resources/icons/ms.gif",  
7.     tooltip: '改变帐号状态',  
8.     getClass:function(v,m,r,rIndex,cIndex,store){  
9.         if (r.get('enabled')){  
10.             return 'unlock';  
11.         }else{  
12.             return 'lock'  
13.         }  
14.     },  
15.     handler: function(grid, rowIndex, colIndex) {  
16.         var rec = grid.getStore().getAt(rowIndex);  
17.         rec.set("enabled",!rec.get("enabled"));  
18.         rec.commit();  
19.     }  
20. }]  

其中ms.gif是一个16*16的透明gif图像.....至此解决问题。。。。 
其它更详细的可以参考它的API文档。