实现Extjs ComboBox Tree

实现下拉列表中选项为tree,利用combobox提供的模版机制,在html中构
造一个div,然后将树组件放入这个div中。如下:
//构造下拉列表中的模板
var comTpl = new Ext.XTemplate(
	'<div id="comview"></div>'
);

//combobox
var urlBar = new Ext.form.ComboBox({
			region:'center',
			store:new Ext.data.SimpleStore({fields:

[],data:[[]]}),
			tpl:comTpl,
			forceSelection:true,
			triggerAction: 'all',
			typeAhead: true,
			mode: 'local'
});

//监听下拉列表展开事件
urlBar.on('expand',this.urlBarExpand);		
//监听下拉列表收起事件
comTree.on('click',this.nodeClick);

urlBarExpand:function(){
		comTree.render('comview');
		comTree.expandAll();
	},
nodeClick:function(node){
		urlBar.setValue(node.text);
	}

你可能感兴趣的:(html,qq,ext)