extjs 树刷新_extjs 树节点图标动态更新

需求说明：

最近项目有个实现web Im的需求，我们知道对于聊天用户中人员在上下线时，用户图标会呈现不同的状态。为给用户好的体验，

在用户下线时需实现，1.用户信息置灰；2.换上线图标为下线图标.

代码实现：

/**

* treeNode ext TreeNode对象

* oldIconCls 原图标css名

* newIconCls 新图标css名

*/

function updateTreeNodeIcon(treeNode,oldIconCls,newIconCls){

if(!treeNode)

return;

/*获得树节点 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