eagle

学无止境,细节决定成败.
posts - 12, comments - 11, trackbacks - 0, articles - 2
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

extjs 树节点图标动态更新

Posted on 2009-07-01 21:26 月下孤城 阅读(3984) 评论(1)  编辑  收藏 所属分类: extjs

需求说明:
          最近项目有个实现web Im的需求,我们知道对于聊天用户中人员在上下线时,用户图标会呈现不同的状态。为给用户好的体验,
 在用户下线时需实现,1.用户信息置灰;2.换上线图标为下线图标.

代码实现:
 /**
  * treeNode ext TreeNode对象
  * oldIconCls 原图标css名
  * newIconCls 新图标css名
  */
 function updateTreeNodeIcon(treeNode,oldIconCls,newIconCls){
      if(!treeNode)
           return;
          /*获得树节点<Img> html页面元素对象*/ 
      var imgHtmlEl = treeNode.getUI().getIconEl(); 
      /*设置树节点新图标css*/
      treeNode.iconCls = newIconCls;
      Ext.Element.fly(imgHtmlEl).removeClass(oldIconCls);// @1
      Ext.Element.fly(imgHtmlEl).addClass(newIconCls);
 }
 
 说明:注意在上面代码'@1'处删除'原图标css'时先要转换html对象(imgHtmlEl)为ext中的Element对象.树节点图标替换后,可以使用TreeNode
           disable()/enable()方法使节点置灰/正常状态.




---------------------
月下孤城
mail:eagle_daiqiang@sina.com

评论

# re: extjs 树节点图标动态更新  回复  更多评论   

2009-10-21 13:58 by 嗯嘿嘿
我试了一下,不要
Ext.Element.fly(imgHtmlEl).removeClass(oldIconCls);// @1
也行

只有注册用户登录后才能发表评论。


网站导航: