V20304A – [工時提列]鈕 – 關閉子視窗, win1.close(); win1.destroy(); - window

 目的:V20304A – [工時提列]鈕 – 關閉子視窗, win1.close(); win1.destroy(); - window

處理說明: 1>關閉子視窗:

                       win1.close();

                       win1.destroy();

                         --> 兩行均需寫,
                                不然下次執行,子畫面會亂掉

1>*.js

          var Tmp_url = "../../api/V20304AAPI/UPDATE_AMM_AR_TLSAR";

            //取得挑選資料的 dt2JSON 字串 

            //getUrlStr : 必需傳回字串( dt.JSON字串) , 非 ds

            var rtn_Str = getUrlStr(Tmp_url, np, "工時提列");

            console.log("rtn_Str:", rtn_Str);

            if (checkRtnOK(rtn_Str)) {

                mysuccessalert(rtn_Str);                

                console.log("win1.closeAction:", win1.closeAction);

                win1.close();

                win1.destroy();   //必需寫 destroy() , 不然畫面會亂掉

            }

            else

                mywarnalert(rtn_Str);

V80403B – [物料]頁 – getMyForm – 產生新TabSheet - Tab

目的: V80403B – [物料]頁 – getMyForm – 產生新TabSheet - Tab

處理說明: 1> getMyForm()

                            var Tmp_FM_V80403B=getMyForm("物料","tab_PN1", sub_V80403B_Flds, sub_V80403B_Btns, "A");   

                       Tmp_FM_V80403B.setWidth(800);

                       Tmp_FM_V80403B.setHeight(400);

                  2>新增 [物料] Tab子畫面

                       //[工時]Tab - 子畫面                  

                      var Tmp_FM_V80403A = Ext.create("Ext.form.Panel", {

                            title: '工時', id: 'tab_HR', cls: 'edit_BC', layout: { type: 'vbox', align: 'stretch' },

                            items: [Query1, DataPanel],

                      });

                      Ext.getCmp('TMSingleViewEdit').add(Tmp_FM_V80403A);

                      //[物料]Tab - 子畫面

                      var Tmp_FM_V80403B = CALL_V80403B();

                       Ext.getCmp('TMSingleViewEdit').add(Tmp_FM_V80403B);

                  3>CALL_V80403B()

                      function CALL_V80403B() {

                             //按鈕 : 無

                            var sub_V80403B_Btns = [ ];

                            // [物料]頁  - Grid子畫面欄位

                            var sub_model = [   ];

                            var sub_Columns = [   ];

                            var sub_V80403B_Grid = Ext.create('TMGrid', {   });

                            var sub_V80403B_Flds = [

                            {

                                  xtype: 'panel',

                                  id: 'sub_V80403B_panel',

                                  region: 'center',

                                  layout: 'fit',

                                  flex: 5,

                                  border: 1,

                                  items: [sub_V80403B_Grid]

                              },

                           ]; // end 

 

0>V80403.js

    //[工時]畫面

    var Tmp_FM_V80403A = Ext.create("Ext.form.Panel", {

        title: '工時', id: 'tab_HR', cls: 'edit_BC', layout: { type: 'vbox', align: 'stretch' },

        items: [Query1, DataPanel],

    });

    Ext.getCmp('TMSingleViewEdit').add(Tmp_FM_V80403A);

    //[物料]畫面

    var Tmp_FM_V80403B = CALL_V80403B();

    Ext.getCmp('TMSingleViewEdit').add(Tmp_FM_V80403B);

1>V80403B.js

  function CALL_V80403B() {

    console.log(" Call_V80403B  step1");

    //按鈕 : 無

    var sub_V80403B_Btns = [ ];

    // [物料]頁  - Grid子畫面欄位

    var sub_model = [

        //AMM_MATNRD

        { name: "PN1" },

        { name: "PN1NAME" },

        { name: "NSN" },

        { name: "SAPPN" },

        {  name: "NDQTY", convert: function (value, record) { return Ext.util.Format.round(value, 3); }        },

        { name: "UNIT" },

        { name: "DNOTE" },

        //AMM_FM

        { name: "OGONOAF" },

        { name: "PN" },

        { name: "SEQOAF" },

        { name: "C_NM" },

        { name: "ES_NM" },

        //AMM_SRO

        { name: "SAPNO" },

    ];

    var sub_Columns = [

        //AMM_MATNRD

        { header: "", xtype: "rownumberer", width: 50, align: "center", sortable: false },

        { header: "需求件號", dataIndex: "PN1", width: 320, sortable: false, TMType: "string" },

        { header: "需求件號名稱", dataIndex: "PN1NAME", width: 1000, sortable: false, TMType: "string" },

        { header: "料號", dataIndex: "NSN", width: 130, sortable: false, TMType: "string" },

        { header: "SAP件號", dataIndex: "SAPPN", width: 180, sortable: false, TMType: "string" },

        { header: "需求數量", dataIndex: "NDQTY", width: 60, sortable: false, align: "right", TMType: "float", renderer: Ext.util.Format.numberRenderer('000,000.00') },

        { header: "需求單位", dataIndex: "UNIT", width: 40, sortable: false, TMType: "string" },

        { header: "專案刪料原因", dataIndex: "DNOTE", width: 1500, sortable: false, TMType: "string" },

        //AMM_FM        

        { header: "拆檢提領編號", dataIndex: "OGONOAF", width: 400, sortable: false, TMType: "string" },

        { header: "件號", dataIndex: "PN", width: 320, sortable: false, TMType: "string" },

        { header: "序號", dataIndex: "SEQOAF", width: 300, sortable: false, TMType: "string" },

        { header: "中文名稱", dataIndex: "C_NM", width: 600, sortable: false, TMType: "string" },

        { header: "英文簡稱", dataIndex: "ES_NM", width: 150, sortable: false, TMType: "string" },

        //AMM_SRO 

        { header: "工號", dataIndex: "SAPNO", width: 120, sortable: false, TMType: "string" }

    ];

    

    console.log(" V80403B  step2");

    //子件明細 Grid

    var sub_V80403B_Grid = Ext.create('TMGrid', {

        grid_id: 'sub_V80403B_Grid',

        columns: sub_Columns,

        //autoScroll: true,

        flex: 1,

        store: Ext.create('gridstore', { model: sub_model }),

    });

    var Tmp_gridstore = Ext.getCmp("sub_V80403B_Grid").store;

    console.log("sub_V80403B_Grid:", sub_V80403B_Grid);   

    

    //2>目前所選資料的欄位值 

    //子畫面上方無Query

    var sub_V80403B_Flds = [

        {

            xtype: 'panel',

            id: 'sub_V80403B_panel',

            region: 'center',

            layout: 'fit',

            flex: 5,

            border: 1,

            items: [sub_V80403B_Grid]

        },

    ]; // end 

        

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

        console.log("records:", records);

        if (successful) {

            console.log("Ext.getCmp('sub_V80403B_Grid').store", Ext.getCmp('sub_V80403B_Grid').store);

            console.log("Ext.getCmp('sub_V80403B_Grid').store.data", Ext.getCmp('sub_V80403B_Grid').store.data);

        }

    }

    );    

    console.log(" V80403B  step3");

var Tmp_FM_V80403B=getMyForm("物料","tab_PN1",sub_V80403B_Flds,sub_V80403B_Btns, "A");    

    Tmp_FM_V80403B.setWidth(800);

    Tmp_FM_V80403B.setHeight(400);

    return Tmp_FM_V80403B

    

};  // end of function Call_V80403B() {

V20304A-工時提列- 子畫面放至最大  win1.show(); win1.maximize(); - max

 目的:V20304A-工時提列- 子畫面放至最大 , win1.show();    win1.maximize();

處理說明: 1>win1.show();    //執行後, 才可執行 win1.maximize();

                  2> win1.maximize();

1>*.js

    win1.show();

    win1.maximize();

V80403- 單檔 – 1>隱藏[編輯]頁 2>新增[工時]頁 – TabSheet - TabPanel

 目的: V80403- 單檔 – 1>隱藏[編輯]頁   2>新增[工時]頁 – TabSheet - TabPanel

處理說明:  1>//隱藏[編輯]頁 - 按鈕
                         Ext.getCmp('TMSingleViewEdit').setTabVisible(0, false);
                         TMSingleViewEdit.setTemplateBtnVisible(false);

                          Ext.getCmp('btn_add').setVisible(false);

                          Ext.getCmp('btn_edit').setVisible(false);

                          Ext.getCmp('btn_del').setVisible(false);

                   2>新增[工時]頁

                        var Tmp_FormObj = Ext.create("Ext.form.Panel", {

                                title: '工時', id: 'tab_HR', cls: 'edit_BC', layout: { type: 'vbox', align: 'stretch' },

                                 items: [Query1, DataPanel],

                        });

                       Ext.getCmp('TMSingleViewEdit').add(Tmp_FormObj);

1>*.js

      //隱藏[編輯]頁 - 按鈕
       Ext.getCmp('TMSingleViewEdit').setTabVisible(0, false);
       TMSingleViewEdit.setTemplateBtnVisible(false);

    //新增 [工時]頁

    console.log("0 Query1");

     var Query1 = new Ext.FormPanel({

        id: 's1_form', flex: 1,

        layout: { type: 'hbox', align: 'stretch' },

        fieldDefaults: { labelAlign: 'right' },

        defaults: { margin: { top: 3 } },

        height: 20,

        items: [   ...]

  var Tmp_FormObj = Ext.create("Ext.form.Panel", {
        title: '工時', id: 'tab_HR', cls: 'edit_BC', layout: { type: 'vbox', align: 'stretch' },
        items: [Query1, DataPanel],
    });
    Ext.getCmp('TMSingleViewEdit').add(Tmp_FormObj);

V80403 -CaluField 當成過濾條件 – 1>顯示全部資料,不分頁 2>分頁Bar隱藏 - timeout - onload - T1C

 目的:V80403 -CaluField 當成過濾條件 – 1>顯示全部資料,不分頁      2>分頁Bar隱藏

處理說明: 1>若勾選[V](TLS工場xxxx,則資料全取,不分頁
          // 若勾選[V](TLS工場報價總工時-ALS工場已報工工時)低於xx小時,則資料全取,不分頁
            DataSet ds = null;
            if ((Tmp_chk_LESSHR1 == "true") && (!myfunc.checkisnull(Tmp_chk_LESSHR2)))  
                ds = getDataTable(cmd, countSql,false,true);  
            else                ////資料分頁 , 30筆/頁
                ds = getDataTable(cmd, countSql, true, true);
            int Tmp_Cnt = ds.Tables["T1"].Rows.Count;

  

                 2>隱藏分頁Bar

                      Ext.getCmp('grid_ptb').hide();            
                 3>重設總筆數

                ds.Tables["T1"].AcceptChanges();

     ds.Tables["T1C"].Rows[0]["TOTAL"] = int.Parse(ds.Tables["T1C"].Rows[0]["TOTAL"].ToString()) - Tmp_DelCnt;

1>*.js
var Tmp_chk_LESSHR1 = Ext.getCmp('s_chk_LESSHR1').getValue();
var Tmp_chk_LESSHR2 = Ext.getCmp('s_chk_LESSHR2').getValue();
np["s_rd_AMMSTS"] = Ext.getCmp('s_rd_AMMSTS').getValue();
np["s_rd_LQTY"] = Ext.getCmp('s_rd_LQTY').getValue();
try {
var Tmp_Proc_Msg = "";
if (Tmp_chk_LESSHR1 == false)
      Tmp_Proc_Msg = '資料顯示中, 請稍候...<br>';
else
    if (!checkisnull(Tmp_chk_LESSHR2)) {
         Tmp_Proc_Msg = "資料顯示中, 請稍候...<br><br>"
                                    + "因勾選[V]TLS工場報價總工時...<br>"
                                    + "會顯示全部資料且不分頁<br>"
                                    +"處理時間約需1x分鐘<br><br>"
                                    +"敬請稍候!!";

//不顯示ToolBar - 分頁Bar
console.log("Ext.getCmp('grid_ptb'):", Ext.getCmp('grid_ptb'));
Ext.getCmp('grid_ptb').hide();
}
var Proc_Msg = new Ext.LoadMask(Ext.getCmp("s_PROCMSG"),
        { msg: Tmp_Proc_Msg, }
);

gridstore.getProxy().timeout = 1200000;
gridstore.getProxy().url = '../api/V80403API/getGridData_M';
gridstore.getProxy().extraParams = np;　//分頁OK,篩選條件OK
console.log("1 reloadGridData - before");
Ext.getCmp('grid_Single').reloadGridData();
console.log("2 reloadGridData - after");
Ext.getCmp('grid_Single').store.on("load", function (me, records, successful, eOpts) {
Proc_Msg.hide(); //若顯示完成,則不再顯示訊息
});


2>*.cs

           // 若勾選勾選[V](TLS工場xxxx,則資料全取,不分頁

            DataSet ds = null;

            if ((Tmp_chk_LESSHR1 == "true") && (!myfunc.checkisnull(Tmp_chk_LESSHR2)))  

                ds = getDataTable(cmd, countSql,false,true);  

            else                ////資料分頁 , 30筆/頁

                ds = getDataTable(cmd, countSql, true, true);

            int Tmp_Cnt = ds.Tables["T1"].Rows.Count;

        dr["LQTY_CNT_"] = Tmp_LQTY_CNT_;

                dr["PN_CNT_"] = Tmp_PN_CNT_;

                dr["MEET_PERCENT_"] = Tmp_MEET_PERCENT_;

            }  // end of for (int i = 0; i < Tmp_Cnt; i++)

            //若 [V](TLS工場報價工時 - ALS工場已報工工時)  高於 [XX]小時, 則刪除

            int Tmp_DelCnt = 0;

            if ((Tmp_chk_LESSHR1 == "true")  && (!myfunc.checkisnull(Tmp_chk_LESSHR2)))

            {

                for (int i = 0; i < Tmp_Cnt; i++)

                {

                    if (i >= ds.Tables["T1"].Rows.Count)

                    {

                        break;

                    }

                    DataRow dr = ds.Tables["T1"].Rows[i];

                    Tmp_TLS_ALS_MINUSHR_ = float.Parse(dr["TLS_ALS_MINUSHR_"].ToString());                    

                     if (Tmp_TLS_ALS_MINUSHR_ > float.Parse(Tmp_chk_LESSHR2))

                        {

                            dr.Delete();

                            Tmp_DelCnt = Tmp_DelCnt + 1;

                        }                                                

                } // for int i = 0; i < Tmp_Cnt; i++)

                  //重新設定總筆數

                ds.Tables["T1"].AcceptChanges();

                ds.Tables["T1C"].Rows[0]["TOTAL"] = int.Parse(ds.Tables["T1C"].Rows[0]["TOTAL"].ToString()) - Tmp_DelCnt;

            }//  if (Tmp_chk_LESSHR1 == "true")             

            return ds;

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 

V80202 – checkbox 含輸入值

 目的: V80202 – checkbox 含輸入值

處理說明: 1>以 Panel 當 Container 方式 : 
                      加入  checkbox & 輸入欄位 & Label

1>*.js

//[ ] 超過xx天
    var cmp_chk_SAPDT5 = get_cmp_panel1(120);
    var cmp_chk_SAPDT51 = get_cmp_chk1('超過', 's_chk_SAPDT51', 70, '5','0 5 0 0');
    var cmp_chk_SAPDT52 = get_cmp_txt0('s_chk_SAPDT52', 30);
    var cmp_chk_SAPDT53 = get_cmp_lbl0('天', 30);
    cmp_chk_SAPDT5.items.push(cmp_chk_SAPDT51, cmp_chk_SAPDT52, cmp_chk_SAPDT53);