V80403 – 於Panel內 -顯示訊息: 資料處理中– loadMask - 版面配置

目的: V80403 – 於Panel內 -顯示訊息: 資料處理中– loadMask  - 版面配置

處理說明: 1>顯示[資料處理中]
                       var Proc_Msg = new Ext.LoadMask(Ext.getCmp("s_PROCMSG"),
                                    { msg: Tmp_Proc_Msg, }
                       );
                       Proc_Msg.show();

                       //載入完成後,不再顯示訊息

                       Ext.getCmp('grid_Single').store.on("load", function (me, records, successful, eOpts) {

                              Proc_Msg.hide();  //若顯示完成,則不再顯示訊息

                     });

                   2>版面配置

                        Query=..

                       {

                        xtype: 'panel', id: 'panel14', layout: { type: 'vbox', align: 'stretch' }, flex: 40, border: 0,

                        items: [cmp_panel141, cmp_panel142],

                       },   // end of panel14 

                       

                        cmp_panel141.items.push(cmp_panel1411, cmp_panel1412);

                        cmp_panel1411.items.push(cmp_rd_AMMSTS, cmp_rd_LQTY);

                             

                             var cmp_panel141 = get_cmp_panel1(120,85);

                             var cmp_panel1411 = get_cmp_panel1(120, 40);

                              cmp_panel1411.layout = { type: 'vbox', align: 'stretch' };

                              cmp_panel1411.items.push(cmp_rd_AMMSTS, cmp_rd_LQTY);

1>*.js

//panel141 & panel142

    var cmp_panel141 = get_cmp_panel1(120,85);

    var cmp_panel1411 = get_cmp_panel1(120, 40);

    cmp_panel1411.layout = { type: 'vbox', align: 'stretch' };

    cmp_panel1411.items.push(cmp_rd_AMMSTS, cmp_rd_LQTY);

    var cmp_panel1412 = {  //顯示等候訊息

       id: "s_PROCMSG", name: "s_PROCMSG", xtype: "panel", flex:40, height: 200, margin: "0 4 0 4",

        hidden: false, border: 0, style: 'background-color:#FFFFFF;'

    };

    cmp_panel141.items.push(cmp_panel1411, cmp_panel1412);

    var cmp_panel142 = get_cmp_panel1(120,15);

    cmp_panel142.items.push(cmp_chk_LESSHR);

Query=..

                {

                        xtype: 'panel', id: 'panel14', layout: { type: 'vbox', align: 'stretch' }, flex: 40, border: 0,

                        items: [cmp_panel141, cmp_panel142],

                    },   // end of panel14