Posted on 2009-07-01 21:26
月下孤城 閱讀(4010)
評(píng)論(1) 編輯 收藏 所屬分類(lèi):
extjs
需求說(shuō)明：
最近項(xiàng)目有個(gè)實(shí)現(xiàn)web Im的需求，我們知道對(duì)于聊天用戶(hù)中人員在上下線時(shí)，用戶(hù)圖標(biāo)會(huì)呈現(xiàn)不同的狀態(tài)。為給用戶(hù)好的體驗(yàn)，
在用戶(hù)下線時(shí)需實(shí)現(xiàn)，1.用戶(hù)信息置灰；2.換上線圖標(biāo)為下線圖標(biāo).
代碼實(shí)現(xiàn)：
/**
* treeNode ext TreeNode對(duì)象
* oldIconCls 原圖標(biāo)css名
* newIconCls 新圖標(biāo)css名
*/
function updateTreeNodeIcon(treeNode,oldIconCls,newIconCls){
if(!treeNode)
return;
/*獲得樹(shù)節(jié)點(diǎn)<Img> html頁(yè)面元素對(duì)象*/
var imgHtmlEl = treeNode.getUI().getIconEl();
/*設(shè)置樹(shù)節(jié)點(diǎn)新圖標(biāo)css*/
treeNode.iconCls = newIconCls;
Ext.Element.fly(imgHtmlEl).removeClass(oldIconCls);// @1
Ext.Element.fly(imgHtmlEl).addClass(newIconCls);
}
說(shuō)明：注意在上面代碼'@1'處刪除'原圖標(biāo)css'時(shí)先要轉(zhuǎn)換html對(duì)象(imgHtmlEl)為ext中的Element對(duì)象.樹(shù)節(jié)點(diǎn)圖標(biāo)替換后,可以使用TreeNode
disable()/enable()方法使節(jié)點(diǎn)置灰/正常狀態(tài).
---------------------
月下孤城
mail:eagle_daiqiang@sina.com