ExtJS 3.2 下拉树

Struts2+Spring2.5+Hibernate3(JPA)+ExtJS3基本后台 将ExtJS替换为3..2版本后发现下拉数有些异常：之前展开下来树的下级节点时，下拉菜单不会关掉。但是在3.2版本中无论你在弹出的选择框中点击任何部分，包括选中节点、点击空白处以及点击展开下级节点，弹出框都会自动关闭。查看源代码发现有一部分代码的修改比较困惑：

3.1版本中Combo.js的部分代码

onViewClick : function(doFocus){
    var index = this.view.getSelectedIndexes()[0],
        s = this.store,
        r = s.getAt(index);
    if(r){
        this.onSelect(r, index);
    }else if(s.getCount() === 0){
        this.onEmptyResults();
    }
    if(doFocus !== false){
        this.el.focus();
    }
},
onEmptyResults : function(){
    this.collapse();
},

3.2版本中Combo.js的部分代码

onViewClick : function(doFocus){
    var index = this.view.getSelectedIndexes()[0],
        s = this.store,
        r = s.getAt(index);
    if(r){
        this.onSelect(r, index);
    }else {
        this.collapse();
    }
    if(doFocus !== false){
        this.el.focus();
    }
},

 相比之下这里没有进行if(s.getCount() === 0)的比较，貌似这个是判断store是否存在记录的。个人感觉这应该是3.2的一个Bug。因此修改ExtJS3 下拉树TreeComboBox的修改 在代码中增加

// 修复ExtJS3.2中自动关闭下来树的Bug
Ext.override(Ext.form.ComboBox, {
      onViewClick : function(doFocus) {
        var index = this.view.getSelectedIndexes()[0], s = this.store, r = s.getAt(index);
        if (r) {
          this.onSelect(r, index);
        } else if (s.getCount() === 0) {
          this.collapse();
        }
        if (doFocus !== false) {
          this.el.focus();
        }
      }
    });

 

 

 

评论

5 楼 socrazy06 2012-02-24  

根据你给的例子，写了个demo但是发现一个问题，下拉树只有在点击下拉时才会去加载数据，并渲染。有方法可以在页面加载完成后就加载数据并渲染树吗？

4 楼 naily 2011-09-26  

非常感谢你得代码，本人用3.2.6版本遭遇同样问题，放了你得代码后轻松解决。之前的下拉树 点击+号，下拉框就消失了。

3 楼 zxingchao2005 2011-07-26  

解决了，谢谢大侠！

2 楼 silvernet 2011-03-26  

调试了半天，原来是3.2有这个BUG，加上那段override解决了，谢谢！

1 楼 jx_dream 2011-01-24  

我也遇到了这个问题，还没解决呢，但是看了老半天你这个，有好多地方不明白。你能发点详细点的让我看看吗 谢谢了