当前位置: 代码迷 >> JavaScript >> ExtJS 4.0.2a ActionColumn的应用
  详细解决方案

ExtJS 4.0.2a ActionColumn的应用

热度:414   发布时间:2012-07-25 09:43:06.0
ExtJS 4.0.2a ActionColumn的使用



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

  相关解决方案