Posted on 2009-07-01 21:26
月下孤城 閱讀(4000)
評論(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