如何正确加载带有动态数据存储的gridcombobox？

Question

我正在开发一个简单的网格表单，它有一个组合框和数据源作为代理（例如 http://goo.gl/2fxP8）。组合框加载正确，但当我尝试选择列表项之一时，网格窗体关闭，而组合框未关闭。有人能帮我吗？

我还计划扩展组合框 onselect 函数，以便一旦选择列表项，其他字段将被动态加载。

 searchField = new Ext.form.ComboBox({
     store: ds,
     name : 'search',
     id:'search',
     fieldLabel : 'Search',
     displayField:'title',
     typeAhead: false,
     loadingText: 'Searching...',
     pageSize:10, 
     minChars:2,
     triggerAction: 'all',
     width: 200,
     tpl: resTpl,
     itemSelector: 'div.search-item',
     onSelect: function(record){ 
     /* Set Values to other fields here */
     }
 }),

保存的代码是：

                                    Ext.Ajax.request
                                    ({  
                                    url:"some url",
                                    scope:this,
                                    params:
                                    {
                                    },
                                    success: function(objServerResponse)
                                    {
                                        eval("var resultSet = " +objServerResponse.responseText);
                                        if(resultSet.isOk)
                                        {

                                            this.collapse();
                                        }   
                                        else
                                        {


                                        }

                                    }
                                    });

Answer 1

我认为问题是你覆盖了 onSelect 函数..
看看这里（尝试找到onSelect)，onSelect 方法是私有的...
正如您所看到的，在 onSelect 内部有一个默认调用的 collapse 函数。
所以，如果你超过了onSelect..默认情况下你的组合永远不会折叠..
你必须手动执行此操作...就像 kiran 所说的...

我的问题是，为什么你要覆盖 onSelect 函数？？..
如果您需要做某事，当选择组合时，为什么不将其设置为侦听器？

尝试更改您的代码：

 onSelect: function(record){ 
 /* Set Values to other fields here */
 }

使用以下代码：

listeners : {
   "select" : function(combo,data,idx){
        console.info(data);
   }
}