ext.window 내부에있는 ext.panel 안에 콤보 박스가 있습니다. 아래쪽 화살표를 클릭하여 가능한 SELECT 옵션을 표시하면 브라우저 창 왼쪽 위의 SELECT 상자 대신 옵션이 표시됩니다. 재미있는 점은 drugDetailsPanel (아래 코드 참조)을 페이지의 div (ext.window 내부가 아닌)에 연결하면 콤보 상자가 올바르게 작동한다는 것입니다. ext.formel을 ext.form.formpanel로 변경할 때도 마찬가지입니다.ext.window의 Ext.form.combobox는 화면 왼쪽 상단에 값을 표시합니다.
아이디어가 있으십니까?
내 코드 :
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();
}
}]
});
ExtJS 버전과 사용중인 브라우저를 표시해야합니다. ExtJS는 일부 구 버전과 일부 브라우저에 버그가 있습니다. –