ext tree相关知识
ext tree 动态修改各个节点名称icon小图标
"afterchildrenrendered":function(){ tree.getRootNode().eachChild(function(_node){ _node.setText("1111");//设置节点的文字 _node.getUI().getIconEl().src = "http://localhost:8080/web/images/icons/treeNodeLeafIcon.png";//设置icon小图标 });}
?
ext tree 动态修改节点样式
function updateTreeNodeIcon(treeNode,oldIconCls,newIconCls){ if(!treeNode) return; var imgHtmlEl = treeNode.getUI().getIconEl(); treeNode.iconCls = newIconCls; Ext.Element.fly(imgHtmlEl).removeClass(oldIconCls); Ext.Element.fly(imgHtmlEl).addClass(newIconCls);}
?
?
Ext 中的Tree实现不同节点不同的右键菜单
转自:http://kingapex.iteye.com/blog/150806
?
首先了解 Ext.Tree.Node.attributes的用法:
定义如下数据(其中有自定义类型type):
[{"text":"a","id":"1","cls":"folder","type":"4"},{"text":"b","id":"2","cls":"folder","type":"3"}]node.attributes.type
prepareCtx:function(node, e){ node.select(); if(node.attributes.type=="3");{ ctxMenu.showAt(e.getXY()); } if(node.attributes.type=="4"){ ctxMenu1.showAt(e.getXY()); } }
?
完整例子见附件,注:此例子不中包含ext库文件,如需运行需将ext库文件放入ajax/yui目录
?