沉睡森林@漂在北京

本处文章除注明“转载”外均为原创,转载请注明出处。

  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  152 随笔 :: 4 文章 :: 114 评论 :: 0 Trackbacks
下面是html代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Reorder TreePanel</title>
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />

    
<!-- GC -->
     
<!-- LIBS -->
     
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
     
<!-- ENDLIBS -->

    
<script type="text/javascript" src="../../ext-all.js"></script>
 
</head>
<body>
<script>
    

function lookupNode(_root,id){
    
if(_root){
        
var treeId = _root.attributes['id'];
        
if(id == treeId){
            
return _root;
        }
        
var nodes = _root.childNodes;
        
if(nodes.length==0){
             
return null;
        }
        
for(var i=0; i<nodes.length; i++){
            
if(nodes[i]!=null){
                
return lookupNode(nodes[i],id);
            }
        }
    }
}
    
Ext.BLANK_IMAGE_URL 
= 'http://localhost:8080/greatwall/script/ext/resources/images/default/s.gif';
function insertTreeNode(root,pid,nodeConfig){
    
var pNode = lookupNode(root,pid);
    alert('pNode
=>'+pNode);
    
    
if(pNode == null){
        root.appendChild(
new Ext.tree.TreeNode(nodeConfig));
    }
else{
        pNode.appendChild(
new Ext.tree.TreeNode(nodeConfig));
    }
}

var pWinCmpId = null;


Ext.onReady(
function() {

Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget 
= 'qtip';


/******************下面开始Body内JavaScript代码输出************************/


function treeClick(node, e){
    
}

var sysFunClassTree_root = new Ext.tree.TreeNode({text: "Autos",draggable: false,id: "source"});
insertTreeNode(sysFunClassTree_root,'',{
"text":"Form控件","leaf":false,"id":"A00001"});
insertTreeNode(sysFunClassTree_root,'A00001',{
"text":"checkbox控件","pid":"A00001",id:"000A01","leaf":false});
insertTreeNode(sysFunClassTree_root,'A00001',{
"text":"comboBox控件","pid":"A00001",id:"000B01","leaf":false});
insertTreeNode(sysFunClassTree_root,'000B01',{
"text":"radio控件","pid":"000B01",id:"000C01","leaf":false});
insertTreeNode(sysFunClassTree_root,'000C01',{
"text":"radio控件222","pid":"000C01",id:"000C01x","leaf":true});
 
 
var sysFunClassTree = new Ext.tree.TreePanel({
  border: 
true,
  root: sysFunClassTree_root, rootVisible: 
true,
  name:'sysFunClassTree',region:'center',width:
250,nodename:'tree',pidname:'pid',idname:'id',textname:'text',dataXml:'/tagsdemo/tree/data.xml',id:'sysFunClassTree'
});
 
sysFunClassTree.on(
"click", treeClick);

var viewport_cdb32ddef82f42e3a11d965320b7d09e = new Ext.Viewport({
  layout:'border',
  items:[sysFunClassTree]
});

sysFunClassTree_root.expand();
 

 

/******************Body内JavaScript代码输出结束************************/
});
</script>

<div id="divTree"></div>
</body>
</html>

问题很简单,希望可以利用id获取到对应的node。这个很多树菜单都实现了接口,但是ext好像没有,难道需要自己写遍历?

修改后代码如下:对遍历函数处理了一下,树菜单显示正常。
function lookupNode(_root,id){
    
if(_root){
        
var treeId = _root.attributes['id'];
        
if(id == treeId){
            
return _root;
        }
        
var nodes = _root.childNodes;
        
if(nodes.length==0){
             
return null;
        }
        
for(var i=0; i<nodes.length; i++){
            
if(nodes[i]!=null){
                
var xx = lookupNode(nodes[i],id);
            }
        }
        
return xx;
    }
}

posted on 2009-06-11 20:35 王总兵 阅读(294) 评论(0)  编辑  收藏 所属分类: Ext

只有注册用户登录后才能发表评论。


网站导航: