V20201G- 排程工單異動查詢 – 簡單子畫面Grid (含[V] - CheckBox)

 目的: V20201G- 排程工單異動查詢 – 簡單子畫面Grid

處理說明:

1>*.js

        //panel11 工號/件號/序號

    var cmp_sub_SAPNO = get_cmp_txt1('工號', 'sub_SAPNO', 80, 130);

    var cmp_pick_sub_SAPNO = get_pick_btn0('挑選工號', 'btn_sub_SAPNO',

        '../api/V20201GAPI/get_sub_SAPNOPick?isComplete=0',

        ['SAPNO'], ['sub_SAPNO'], J_pickstore_sub_SAPNO, J_pickcolumns_sub_SAPNO);

    cmp_sub_SAPNO.items.push(cmp_pick_sub_SAPNO);

    //件號

        var cmp_sub_PN = get_cmp_txt1('件號', 'sub_PN', 80, 130);

    var cmp_pick_sub_PN = get_pick_btn0('挑選件號', 'btn_sub_PN',

        '../api/V20201GAPI/get_sub_PNPick?isComplete=0',

        ['PN'], ['sub_PN'], J_pickstore_sub_PN, J_pickcolumns_sub_PN);

    cmp_sub_PN.items.push(cmp_pick_sub_PN);

    //序號

    var cmp_sub_SERNO = get_cmp_txt1('序號', 'sub_SERNO', 80, 130);

    var cmp_pick_sub_SERNO = get_pick_btn0('挑選序號', 'btn_sub_SERNO',

        '../api/V20201GAPI/get_sub_SERNOPick?isComplete=0',

        ['SERNO'], ['sub_SERNO'], J_pickstore_sub_SERNO, J_pickcolumns_sub_SERNO);

    cmp_sub_SERNO.items.push(cmp_pick_sub_SERNO);

        //panel12 約別/異動原因/顯示管制品項

    var cmp_sub_TYPEAF = get_cmp_txt1('約別', 'sub_TYPEAF', 80, 130);

    var cmp_pick_sub_TYPEAF = get_pick_btn0('挑選約別', 'btn_sub_TYPEAF',

        '../api/V20201GAPI/get_sub_TYPEAFPick?isComplete=0',

        ['TYPEAF'], ['sub_TYPEAF'], J_pickstore_sub_TYPEAF, J_pickcolumns_sub_TYPEAF);

    cmp_sub_TYPEAF.items.push(cmp_pick_sub_TYPEAF);

    //異動原因    

    var cmp_sub_STAT = get_cmp_txt1('異動原因', 'sub_STAT', 80, 130);

    var cmp_pick_sub_STAT = get_pick_btn0('挑選異動原因', 'btn_sub_STAT',

        '../api/V20201GAPI/get_sub_STATPick?isComplete=0',

        ['STAT'], ['sub_STAT'], J_pickstore_sub_STAT, J_pickcolumns_sub_STAT);

    cmp_sub_STAT.items.push(cmp_pick_sub_STAT);

    var cmp_sub_chk_FAVITEM = get_cmp_chk1('顯示管制品項', 'sub_chk_FAVITEM', 80,"true","0 10 0 50");

    //var cmp_sub_chk_FAVITEM = get_cmp_chk1('顯示管制品項', 'sub_chk_FAVITEM', 80, );

    //panel13

    //異動日期

    var cmp_sub_DT1 = get_cmp_dt1('異動日期', 'sub_DT1', 80, 100);

    var cmp_sub_DT2 = get_cmp_dt1('~', 'sub_DT2', 80, 100);

    var sub_V20201G_Flds = [

        {

            type: 'panel', bodyStyle: "background-color:transparent;", border: 5, padding: "1",

            layout: 'border',

            items: [

                {

                    xtype: 'panel', id: 'sub_panel1', region: 'north', layout: 'hbox',

                    //height: 30,

                    items: [

                        {

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

                            items: [cmp_sub_SAPNO, cmp_sub_PN, cmp_sub_SERNO,],

                        },  // end of sub_panel11                            

                        {

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

                            items: [cmp_sub_TYPEAF, cmp_sub_STAT, cmp_sub_chk_FAVITEM,],

                        },  // end of sub_panel12

                        {

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

                            items: [cmp_sub_DT1, cmp_sub_DT2,],

                        },  // end of sub_panel13

                        {

                            //xtype: 'toolbar',

                            xtype: 'panel',

                            id: 'sub_panel14', layout: { type: 'vbox', align: 'right' },

                            flex: 20, border: 0,

                            items: [

                                {

                                    xtype: 'button',

                                    id: 'btn_sub_Show',

                                    flex: 2,

                                    border: 1,

                                    text: '資料顯示',

                                    iconCls: 'icon-search',

                                    handler: function (btn, e) {

                                        //若按[顯示資料]鈕，則清除 PK_LIST 及 ALL_LIST                                        

                                        CHK_PK_OBJ.PK_LIST = [];

                                        CHK_PK_OBJ.ALL_LIST = [];

                                        //取得子畫面.欄位值 

                                        var Tmp_SAPNO, Tmp_PN, Tmp_SERNO;

                                        var Tmp_TYPEAF, Tmp_STAT, Tmp_chk_FAVITEM;

                                        var Tmp_DT1, Tmp_DT2;

                                        Tmp_SAPNO = Ext.getCmp('sub_SAPNO').getValue();

                                        Tmp_PN = Ext.getCmp('sub_PN').getValue();

                                        Tmp_SERNO = Ext.getCmp('sub_SERNO').getValue();

                                        Tmp_TYPEAF = Ext.getCmp('sub_TYPEAF').getValue();

                                        Tmp_STAT = Ext.getCmp('sub_STAT').getValue();

                                        Tmp_chk_FAVITEM = Ext.getCmp('sub_chk_FAVITEM').getValue();

                                        Tmp_DT1 = Ext.getCmp('sub_DT1').getValue();

                                        Tmp_DT2 = Ext.getCmp('sub_DT2').getValue();

                                        var np = {};

                                        np["sub_SAPNO"] = Tmp_SAPNO;                                        

                                        np["sub_PN"] = Tmp_PN;

                                        np["sub_SERNO"] = Tmp_SERNO;

                                        np["sub_TYPEAF"] = Tmp_TYPEAF;

                                        np["sub_STAT"] = Tmp_STAT;

                                        np["sub_chk_FAVITEM"] = Tmp_chk_FAVITEM;

                                        np["sub_DT1"] = Tmp_DT1;

                                        np["sub_DT2"] = Tmp_DT2;

                                        Ext.getCmp('sub_Grid1').store.getProxy().url = '../../api/V20201GAPI/get_sub_data1',

                                        Ext.getCmp('sub_Grid1').store.getProxy().extraParams = np;　//分頁OK,篩選條件OK    

                                        Ext.getCmp('sub_Grid1').store.load();

                                    }

                                },  // end of 顯示資料

                                {

                                    xtype: 'button',

                                    id: 'btn_sub_clear',

                                    flex: 2,

                                    border: 1,

                                    text: '清除條件',

                                    iconCls: 'icon-clear',

                                    handler: function () {

                                        console.log("CHK_PK_OBJ.PK_LIST:", CHK_PK_OBJ.PK_LIST);

                                        console.log("CHK_PK_OBJ.ALL_LIST:", CHK_PK_OBJ.ALL_LIST);

                                        var f = Query.getForm();

                                        f.reset();

                                    }

                                },  // end of 清除條件                    

                                { xtype: 'label', id: 'label151', flex: 2, border: 0, text: '', },  // end of label    

                            ]  // end of items of [顯示資料][清除條件]

                        }   // end of panel2

                    ]  //end of sub_panel1.items,

                },  // end of sub_panel1                        

                {

                    xtype: 'panel',

                    id: 'sub_panel2',

                    region: 'center',

                    layout: 'fit',

                    //flex: 5,

                    border: 1,

                    items: [sub_Grid1]

                },

            ] // end of   layout: "vbox", padding: "5", items: [

        }

        ]