ext combox 下拉树

iteye_3078

于 2010-06-22 11:03:42 发布

阅读量190

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： EXT

本文链接：https://blog.youkuaiyun.com/iteye_3078/article/details/81886655

js 专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何使用Ext JS库实现一个简单的下拉树组件，包括创建组合框和树面板，并通过事件监听进行交互。通过本地模式存储数据，实现下拉树的动态加载和展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一个下拉树的简单实现，ext2.2

var comboxWithTree = new Ext.form.ComboBox({  
	hiddenName:'consCode',fieldLabel:'建设单位',
    displayField:'code',valueField:'value',mode:'local',
    store:new Ext.data.SimpleStore({fields:[],data:[[]]}),   
    editable:false,   
    shadow:false,   
    triggerAction:'all',   
    maxHeight: 200,   
    tpl:"<div style='height:200px'><div id='tree1'></div></div>",   
    selectedClass:'',   
    onSelect:Ext.emptyFn   
  });   
 var tree1 = new Ext.tree.TreePanel({
		    border : false,
		    rootVisible : false,
			root : new Ext.tree.AsyncTreeNode(),
			loader : new Ext.tree.TreeLoader({
				dataUrl : contextPath+'/build/company.ext?pmethod=getConstructTree'
			})
		});
   tree1.on('click',function(node){   
        
   });   
  comboxWithTree.on('expand',function(){   
    tree1.render('tree1');   
   });