EXTJS 4.0 下拉树的问题 谢谢了

ellan 发布于 2011/12/04 16:35
阅读 2K+
收藏 0
===============JS文件=======================
Ext.onReady(function(){ 
	
	//var comTpl = new Ext.XTemplate('<div style="height:200px"><div id="xpanel"></div></div>');
	
	var comboxWithPanel = new Ext.form.ComboBox({   
    store:new Ext.data.SimpleStore({fields:['value','text'],data:[['0','全部']]}),   
    editable:false,   
    mode: 'local',   
    triggerAction:'all',  
    typeAhead:true,
    maxHeight: 200,  
    allowBlank:false,
    tpl: '<tpl for="."><div style="height:200px" id="xpanel"></div></tpl>',
    //tpl: comTpl,
    listeners:{
    	'expand': function(){
    		tree2.render('xpanel');
    	}
    }
});   
comboxWithPanel.render('comboxWithTree');  

var tree2 = new Ext.tree.TreePanel({   
    border:false,   
        root:{
        	text: "Root node",
            expanded: true,
            children: [
                { text: "Child 1", leaf: true },
                { text: "Child 2", leaf: true }
            ]
        }     
    });   
var borders = new Ext.Panel({   
    title:'title',   
    layout:'fit',   
    border:false,   
    height :200,   
    items: tree2   
    });   
   // border.render('comboxWithTree');
//comboxWithPanel.on('expand',function(){   
//	var t = Ext.get('xpanel');
//	alert(t);
//    borders.render('xpanel');   
//    });  
    //borders.render('jobPanel'); 

});


==========页面===================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Tree Example</title>
<link rel="stylesheet" type="text/css" href="scripts/extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="scripts/extjs/bootstrap.js"></script>
<script type="text/javascript" src="scripts/extjs/ext-lang-zh_CN.js"></script>

    <script type="text/javascript" src="comboxtree.js"></script>
    
</head>
<body>
    <div id="tree-div"></div>
     <div id="jobPanel"></div>
     <div id="comboxWithTree"></div>
</body>
</html>



============================================
现在的问题是 我点下拉框的时候,树没有出现,在FF下面提示 ei is null 
我查了问题 是哪个tree2.render('xpanel'); 没有找到 id=xpanel的div
搞了半天没搞定 大家帮忙看看
谢谢了!
加载中
0
ellan
ellan
问题已解决!!!
0
蝶衣人生
蝶衣人生
这个树有一个问题,就是多个ComboxTree同时使用的时候就有问题了。
0
lxbzmy
lxbzmy
id需要 动态生成。
0
a
ajiao1014
怎么解决的问题啊  我也存在
返回顶部
顶部