实现下拉列表中选项为tree,利用combobox提供的模版机制,在html中构
造一个div,然后将树组件放入这个div中。如下:
造一个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);
}