Posted on 2009-07-01 21:26
月下孤城 阅读(3991)
评论(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