У меня есть выпадающий список внутри 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();
}
}]
});