ext combox 下拉树

最新推荐文章于 2018-09-25 14:46:03 发布

原创最新推荐文章于 2018-09-25 14:46:03 发布 · 199 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT

js 专栏收录该内容

7 篇文章

订阅专栏

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

一个下拉树的简单实现，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');   
   });