ExtJS 4.0.2a ActionColumn的使用



    博客分类: 
  • EXTJS
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文档。

你可能感兴趣的:(action)