首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

ext tree有关知识

2012-10-31 
ext tree相关知识ext tree 动态修改各个节点名称icon小图标afterchildrenrendered:function(){tree.getR

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目录

?

热点排行