目的: V120202E 版面配置 - border – [north,center] – [east,center]
處理說明: 1>第1層 : [north,center]
, north: 必需設 height
2>第2層 : [east,center] , east: 必需設 width
2>第2層 : [east,center] , east: 必需設 width
1>*.js
var sub_V120202E_Flds = [
{
type: 'panel', bodyStyle: "background-color:transparent;", border: 5, padding: "1",
layout: 'border',
items: [
{ // panel1: 過濾條件 : north , 必需設 height
xtype: 'panel',
id: 'sub_panel1',
//title: 'sub_panel1',
region: 'north',
height: 90,
layout: 'border',
items: [
{ // panel11 : 退庫人員 , center
xtype: 'panel',
id: 'sub_panel11',
region: 'center',
layout: {
type: 'vbox',
//align: 'stretch'
},
items: [
{
xtype: "fieldcontainer", fieldLabel: "退庫人員", labelWidth: 70, flex: 5, border: 2,
layout: {
type: 'hbox',
//align: 'stretch'
},
items: [
{ id: "sub_COMPER", name: "sub_COMPER", xtype: "textfield", width: 120, padding: "0 4 0 0", },
{ id: "sub_COMPER_", name: "sub_COMPER_", xtype: "textfield", width: 80, padding: "0 4 0 0", readOnly: true, fieldCls: "readonly", },
{: },
{: },
]
}, // end of 退庫人員
{: }, // end of 點料人員
{: },
]
}, //end of sub_panel11 , 退庫人員/點料人員
{ // panel12 : 退庫說明 , east , 必需設 width
xtype: 'panel',
id: 'sub_panel12',
//title: 'sub_panel12',
//flex: 4,
region: 'east',
width: 350,
layout: {
type: 'fit',
//align: 'stretch'
},
items: [
{
xtype: "fieldcontainer", fieldLabel: "退庫說明", labelWidth: 60, flex: 5, border: 0,
layout: {
type: 'fit',
//align: 'stretch'
},
items: [
{ id: "sub_CAUSE_REMDK", name: "sub_CAUSE_REMDK", xtype: "textareafield", width: 120, padding: "0 4 0 0", },
]
}, //退庫說明
]
}, // end of sub_panel12 , 退庫說明
],
},//end of sub_panel1
{ // panel2 : grid , center
xtype: 'panel',
id: 'sub_panel2',
region: 'center',
layout: 'fit',
flex: 5,
border: 1,
items: [sub_Grid]
},
] // end of layout: "vbox", padding: "5", items: [
} //end of sub_ShowPN_Flds , items[{
] //end of var sub_ShowPN_Flds
