Question

我在ext.panel里面有一个组合框，在ext.window里面。当我单击向下箭头以显示可能的SELECT选项时，选项会弹出浏览器窗口的左上角，而不是SELECT框下方。有趣的是，如果我将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();
    }
  }]
    });

Answer 1

尝试将shim: true添加到组合框控件。

Answer 2

在某些处理嵌套定位的情况下，早期版本的Ext在某些浏览器（FF 2.x）中存在类似问题，其具体内容现在让我失望。如果是这种情况，请在Ext论坛中搜索更多信息。如果没有，那我不确定......

Answer 3

这个论坛帖子帮助了我：http://www.sencha.com/forum/showthread.php?177677-IE-displays-combobox-dropdown-in-the-top-left-corner-of-browser-window

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

似乎IE不尊重元素的位置，如果它没有明确的名称/ inputId。这个主题更加深入：http://www.sencha.com/forum/showthread.php?154412-Combo-Box-options-appears-in-Top-Left-Corner-in-IE-9

ext.window中的Ext.form.combobox显示屏幕左上角的值

3 个答案: