Extjs Ext.window内的Ext.form.combobox在屏幕左上角显示值

我在ext.panel和ext.window中有一个组合框。单击向下箭头以显示可能的选择选项时，这些选项会在浏览器窗口的左上角而不是选择框的下方弹出。有趣的是，如果我将drugDetailsPanel（参见下面的代码）附加到页面上的一个div（而不是在ext.window中），组合框就会正常工作。顺便说一下，当我将ext.panel更改为ext.form.formpanel时，也会发生这种情况

有什么想法吗

我的代码：

drugDetailsPanel = new Ext.Panel({
 layout:'form',
 id:'drug-details-panel',
 region:'center',
 title:'Drug Details',
 height:200,
 collapsed:false,
 collapsible:false,
 items:[
         new Ext.form.ComboBox({

          fieldLabel:'What is the status of this drug?',
          typeAhead:false,
       store:drugStatusStore, 
       displayField:'lookup', 
       mode:'remote', 
       triggerAction:'all',
       editable:false,
       allowBlank:false,
       emptyText:'Select a status..',
       name:'/drug/drug-status',
       id:'drug-status'
      })

 ]       
});

newDrugWindow = new Ext.Window({
    title: 'Add Drug',
    closable:true,
    width:650,
    height:650,
    //border:false,
    plain:true,
    layout: 'border',
    items: [drugDetailsPanel],
  closeAction:'hide',
  modal:true,
  buttons: [
   {
    text:'Close',
    disabled:false,
    handler: function(){
    newDrugWindow.hide();
    }
   },
   {
    text:'Save Drug',
    handler: function(){
      newDrugDialog.hide();
    }
  }]
    });

---

尝试将

shim:true

添加到组合框控件。

旧版本的Ext在某些浏览器（FF 2.x）中处理嵌套定位的某些情况下会出现类似的问题，我现在无法理解这些问题的具体细节。如果是这样，请在Ext论坛中搜索更多信息。如果没有，那么我不确定…

这个论坛帖子帮助了我：

只需给组合框一个（唯一的）名称。给组合框一个inputId也会有帮助

---

如果元素没有显式名称/inputId，IE似乎不尊重元素的位置。此线程更深入地介绍了它：

您必须显示您的ExtJS版本以及您使用的浏览器。ExtJS在一些旧版本和一些浏览器中存在bug。