V20201 - Query未正常顯示

 目的:  V20201 - Query未正常顯示

處理說明: 1> 因為元件id 重複, 無法正常顯示 
                     {
                        xtype: 'panel', id: 'panel14', layout: { type: 'vbox', align: 'stretch' }, flex: 25, border: 0,
                        items: [cmp_PROJDT1, cmp_PROJDT2, cmp_CSDTAF1, cmp_CSDTAF2],
                        //items: [cmp_CSDTAF1, cmp_CSDTAF2, cmp_CSDTAF1, cmp_CSDTAF2],
                      },   // end of panel14 , flex:16        

                  2>先大範圍 remark 程式, 正常顯示後,

                      --> 再小範圍 remark 程式, 直到找出錯誤程式

1>*.js  - 因為  component id 重複,所以無法正常顯示
var Query = new Ext.FormPanel({
        id: 's_form',
        layout: { type: 'hbox', align: 'stretch' },
        fieldDefaults: { labelAlign: 'right' },
        defaults: { margin: { top: 3 } },
        items: [
            {
                xtype: 'panel', id: 'panel1', layout: { type: 'hbox', align: 'stretch' }, flex: 14, border: 0,
                items: [
                    {
                        xtype: 'panel', id: 'panel11', layout: { type: 'vbox', align: 'stretch' }, flex: 30, border: 0,
                        items: [cmp_WC, cmp_FIXNO, cmp_OGONOAF, cmp_NGONOAF,],
                    },  // end of panel11
                    {
                        xtype: 'panel', id: 'panel12', layout: { type: 'vbox', align: 'stretch' }, flex: 30, border: 0,
                        items: [cmp_SERNO, cmp_TYPEAF, cmp_PN, cmp_WBS,],
                    },   // end of panel12 , flex:16                    
                    {
                        xtype: 'panel', id: 'panel13', layout: { type: 'vbox', align: 'stretch' }, flex: 30, border: 0,
                        items: [cmp_CONTAF, cmp_PROJID, cmp_SAPNO, cmp_FACWC,],
                    },   // end of panel13 , flex:16              
                    {
                        xtype: 'panel', id: 'panel14', layout: { type: 'vbox', align: 'stretch' }, flex: 25, border: 0,
                        items: [cmp_PROJDT1, cmp_PROJDT2, cmp_CSDTAF1, cmp_CSDTAF2],
                        //items: [cmp_CSDTAF1, cmp_CSDTAF2, cmp_CSDTAF1, cmp_CSDTAF2],
                    },   // end of panel14 , flex:16                               
                    {
                        xtype: 'panel', id: 'panel15', layout: { type: 'vbox', align: 'stretch' }, flex: 25, border: 0,
                        items: [cmp_chk_SDT, cmp_chk_EDT, cmp_chk_JCNHR, cmp_chk_FAVITEM,],
                    },   // end of panel14 , flex:16                               
                ]
            },  // end of panel1