日期:2014-05-16  浏览次数:20381 次

在ExtJS的ComboBox组件中实现下拉树效果

刚好项目需要用到在ExtJS的ComboBox组件中实现下拉树效果GOOGLE 就是好用 下面是我找的博文

看了很多关于EXT下拉树的实现, 发现很多例子都是对EXT原有的类进行扩展, 而且都发现用起来很费劲,在这里,本人实现的EXT下拉树是直接使用 Ext.form.ComboBox + Ext.tree.TreePanel, 将两者结合起来,不需要额外的扩展

效果可见附件一

JS代码如下:

var comboxWithTree = new Ext.form.ComboBox({   
        store:
new Ext.data.SimpleStore({fields:[],data:[[]]}),   
        editable:
false,   
        mode: 
'local',   
        triggerAction:
'all',   
        maxHeight: 
200,   
        tpl: 
"<tpl for='.'><div style='height:200px'><div id='tree'></div></div></tpl>",   
        selectedClass:
'',   
        onSelect:Ext.emptyFn