V120602C - var np = s_JSON('mySubForm',2); - 取得子畫面所有欄位值傳至後端

 目的: V120602C - var np = s_JSON('mySubForm',2);  - 取得子畫面所有欄位(s_xxx)值傳至後端      

處理說明: 1> var np=s_JSON('mySubForm');   --> 只取畫面中, s_開頭的欄位值

                  2> var np=s_JSON('mySubForm',2);-> 取畫面中, 所有欄位值(包含*_ ,Ex s_ACNO_欄位)

var np1 = s_JSON_my('mySubFormA'); //TMFunction.js, 組合form上的查詢條件為json參數傳遞    , type=2, 所有欄位值 , 均傳至後端(不排除_  CaluField)

1>*.js

  var Tmp_Str = "";

                console.log("存檔");

                var Tmp_mySubForm = Ext.getCmp("mySubForm");

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

                //s_JSON : 只取畫面(form_id)中欄位以 s_開頭的欄位值

                var np = s_JSON('mySubForm',2); //取得本子畫面的所有欄位值為np參數傳遞        

                np["sub_QDRNO"] = par_QDRNO;

                var Tmp_url = "../../api/V120602CAPI/UPDATE_AMM_QDR_DNF";

                var rtn = getUrlStr(Tmp_url, np, "存檔");

                if (checkRtnOK(rtn)) {

                    mysuccessalert("存檔完成 !!");

V120602C - DataAdapter - 利用 DataTable(dt1) 更新後端資料庫

 目的: V120602C - DataAdapter -利用 DataTable(dt1) 更新後端資料庫 - DataAdapter - 不透過 SQL

處理說明: 1>利用 Tmp_dt1 來更新資料庫, 不用 INSERT / UPDATE SQL 來更新資料庫
                                   2> 透過   Adapter   來更新後端資料庫    

                              OracleDataAdapter adapter = new OracleDataAdapter(command);

                      3> 由 adapter 取得 Tmp_dt1 的資料

                            adapter.Fill(Tmp_dt1);

                      4> 建立 adapter 相關 Script (Insert/Update/Delete) : OracleCommandBuilder

                           OracleCommandBuilder scb = new OracleCommandBuilder(adapter);   

                      5>將 dt 的資料更新回資料

                           adapter.Update(Tmp_dt1);

                           Tmp_dt1.AcceptChanges(); 

                        

1>*.cs

OracleCommand command = new OracleCommand(Tmp_Sql);
OracleConnection conn = new OracleConnection(DBService.ConnectionString(DBLINK));
command.Connection = conn;
OracleDataAdapter adapter = new OracleDataAdapter(command);
adapter.Fill(Tmp_dt1);
OracleCommandBuilder scb = new OracleCommandBuilder(adapter);
int Tmp_cnt = Tmp_dt1.Rows.Count;
-->
DataRow Tmp_dr = Tmp_dt1.NewRow();
Tmp_dr["QDRNO"] = Tmp_QDRNO;
Tmp_dr["PSAPNO"] = Tmp_PSAPNO;
Tmp_dt1.Rows.Add(Tmp_dr);
adapter.Update(Tmp_dt1);
Tmp_dt1.AcceptChanges();

                    

V120504A - 名牌標籤列印 - SPIRE.XLS -

 目的: V120504A - 名牌標籤列印 - SPIRE.XLS

處理說明: 1>讀取 xls 樣板檔

                  2>填寫 xls 欄位值 

                  3>將 xls 存成檔案, 並download至前端

1>*.js

var cmpA_rdgExp = get_rdogrp_cmp1('rdg_Exp_a', 'rdg_Exp_a', 'rdgExp_a',

              ['(多張)小標籤', '(多張)大標籤', '(單張)小標籤', '(單張)大標籤', '(單張)大標籤+小標籤'],

                                                                        [5, 0], [700], ['標籤', 30],

                                                                        mgT, 50);

    var Panel_Top = new Ext.Panel({

        frame: false, layout: 'hbox', enableTabSrocll: false, labelStyle: "font-size:11pt;",

        items: [ cmpA_SAPNO, cmpA_rdgExp ]

    })

2>*.cs

             string fext = ".xlsx";   // xls 只輸出 200 row

            string fileName = "V120504_小標籤套表";            

            int rdo = Convert.ToInt32(nvc["Rdo"]);

            if (rdo == 1) { fileName = "V120504_大標籤套表"; }

            else if (rdo == 2) { fileName = "V120504_小標籤套表_單張"; }

            else if (rdo == 3) { fileName = "V120504_大標籤套表_單張"; }

            else if (rdo == 4) { fileName = "V120504_小標籤_大標籤_單張";}

                Workbook wk = new Workbook();

                try

                {

                    wk.LoadFromFile(newFileName);

                    //Template樣板檔案 index 可能從1開始

                    Worksheet ws = wk.Worksheets[wk.ActiveSheetIndex];  

AMM.EXE - 建置嘉珍的 Delphi 環境 - 問題排除說明

 目的: AMM.EXE  - 建置嘉珍的 Delphi 環境 - 問題排除說明

處理說明: 1>modrptdl.dcu not found   
                     --> 修改 modrptdl.pas 的Project Source 的目錄 , C:\AIDC\MDP\TLSMDPLib\

                  2>xlsrwii4.bpl 找不到 - 元件 Search 路徑

                      -->  Tools -> Options ->  Library path 

                      --> 加入C:\AIDC\MDP\02_XLSWRITER\Package\DXE2\

                 3> Web改版程式, 由功能選項點選後, 出現錯誤訊息,無 Web畫面

                       --> login.pas &dfm 改成 嘉珍版本的 Login程式

1>    呼叫 Web改版程式 – 必需先Login ,且 Login畫面必需使用嘉珍.新版程式(2020/07/xx)

è 才可正常執行 Web改版程式, 不然點選Web改版子功能,會有錯誤訊息

Get & Post - 網頁傳遞參數的方式 - 1>編碼 & 解碼處理 2>序列化 & 反序列化

目的: 網頁傳遞參數的方式 - Get & Post -

處理說明:

一.編碼 & 解碼處理
1>在網頁上提交內容時，可以將內容作為參數傳遞透過GET或POST請求方式到後端。
這些有中文或特殊符號的參數(非ASCII碼)會自動進行編碼，以便它們可以在網絡上進行傳輸。

2>中文字符會以UTF8轉成16進制去做編碼，

     若遇特殊情況(&#)就沒額外處理，則導致參數無法正確傳輸或解析

--> 透過params可以將中文和符號進行編碼，

      但是&# (代表Unicode編碼開頭) 的組合是無法進行編碼，會有錯誤

二.序列化  & 反序列化

序列化：將物件狀態轉換為可傳輸格式

反序列化：將資料流轉換成物件

一.編碼 & 解碼處理

[HttpPost]

public string send()

{

     HttpContext c = HttpContext.Current;

     NameValueCollection nvc =                                                        

     c.Request.Form;               

     string english_tf = nvc["english_tf"];

     string chinese_tf = nvc["chinese_tf"];

     string text = english_tf + " ; " + chinese_tf;

     return text;

}

[HttpGet]

public string send()

{

    NameValueCollection nvc = 

    c.Request.QueryString;

    string english_tf = nvc["english_tf"];

    string chinese_tf =nvc["chinese_tf "];

    string text = english_tf + " ; " + chinese_tf;

    return text;

}

解決方法:

    1>前端先編碼,再送至後端(encodeURIComponent)

    2>後端先解碼,再取得原始欄位值(HttpUtility.UrlDecode)

二.序列化  & 反序列化

V120602E – 取得/設定RadioGroup欄位值(Ext.getCmp("sub_PRN").getValue()) 為 Object {sub_PRN: ‘A’} - V20305

目的: V120602E –取得/設定RadioGroup欄位值(Ext.getCmp("sub_PRN").getValue())為Object {sub_PRN: ‘A’} 

處理說明: 1>前端 RadioGroup欄位值(Ext.getCmp("sub_PRN").getValue())為Object

                  2>前端取得 RadioGroup欄位值必需 Object.sub_PRN

                  3>設定 RadioGroup checked
                      Ext.getCmp("s_STAUOCD").items.items[2].setValue(true); 

 1>*.js
        //更新單況   
                    var Tmp_url = "";
                        var np1 = {};
                    np1["sub_PRE_DATE"] = Ext.getCmp("sub_PRE_DATE").getValue();                        
                    np1["sub_PRN"] = (Ext.getCmp("sub_PRN").getValue()).sub_PRN;                        
                    if (np1["sub_PRN"] == 'A')  ////列印 & 儲存目前 QDR現況
                        Tmp_url = '../../api/V120602EAPI/UPDATE_PRN_QDR';
                    else //僅列印
                        Tmp_url = '../../api/V120602EAPI/XlsOut';
                    f_downloadFile('EX_DFile', Tmp_url, np1, 'POST', function () {
                        var r = r_cookies('EX_DFile');
                        if (!checkisnull(r))
                            mysuccessalert(r);
                    });

var cmp_PRN = get_cmp_rdgrp1('列印選項', 'sub_PRN', 80);

    var cmp_PRN1 = get_cmp_rd0('列印並儲存目前QDR現況', 'sub_PRN', 250, 'A');

    var cmp_PRN2 = get_cmp_rd0('僅列印', 'sub_PRN', 250, 'B');

    cmp_PRN.items.push(cmp_PRN1, cmp_PRN2);

    cmp_PRN.flex = 10;

    cmp_PRN1.width = 200;  //避免 radio字折行

    cmp_PRN1.checked = true;

    // [Call_V120602E]鈕  - 子畫面欄位

    var J_formFields_V120602E = [

        {

            bodyStyle: "background-color:transparent;", border: false, layout: { type: 'vbox', align: 'stretch' }, padding: "5",

            items: [cmp_PRE_DATE, 

                          {

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

                              items: [cmp_PRN,],

                },  // end of sub_panel1

                {

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

                    items: [],

                },  // end of sub_panel1

            ],

        }  //end of  J_formFields_Sub1 , items[{

    ]      //end of  J_formFields_Sub1 , items[

Sample: V20305 - 設定 checkboxgroup  為true

 //請料提出   checkboxgroup - STAUOCD

    var cmp_STAUOCD = get_cmp_rdgrp1('請料狀態', 's_STAUOCD', 80);    

    var cmp_STAUOCD1 = get_cmp_rd0('未提出', 's_STAUOCD', 50, 'A');

    var cmp_STAUOCD2 = get_cmp_rd0('已提出', 's_STAUOCD', 50, 'B');

    var cmp_STAUOCD3 = get_cmp_rd0('全部', 's_STAUOCD', 50, 'ALL');

    cmp_STAUOCD1.checked = true;

    cmp_STAUOCD.items.push(cmp_STAUOCD1, cmp_STAUOCD2, cmp_STAUOCD3);

Ext.getCmp("s_STAUOCD").items.items[2].setValue(true);

2>*.cs

 //查詢 - 列印並儲存目前QDR現況

        [HttpPost]

        public void UPDATE_PRN_QDR()

        {

            var c = HttpContext.Current;

            NameValueCollection nvc = c.Request.Form;

            string Tmp_Str;

            string Tmp_PRE_DATE = nvc["sub_PRE_DATE"];

            string Tmp_sub_PRN = nvc["sub_PRN"];

            if (Tmp_sub_PRN == "A")

                Tmp_Str = "列印並儲存目前QDR現況";

            else

                Tmp_Str = "僅列印";

V120602 – [匯入][匯出]鈕 - 匯出所有資料 – New – V120602A() , V120602B()

 目的: V120602 – [匯入][匯出]鈕 – New – V120602A() , V120602B()

處理說明:  1>匯出 

                        1>> 將目前Grid 所有的資料,存成 Tmp_DataAry1, 以 np 傳至後端

                                --> 但是欄位值含HTML(
..) , 會出現錯誤訊息..

                               -->  所以改至後端直接讀取 DataSet ds = V120602Controller.getGridData_M(false);

                        2>>將 ds.Tables["T1"] 寫入 *.xlsx

                   2>匯入

                        //範例: V20301 - [批次新增]鈕

                        {

                           xtype: 'button', text: '批次新增', id: 'BatchAddBtn',

                           listeners: {

                           click: function (me,e,eOpts) {

                                //挑選檔案,傳入 CallBack函式(按OK時的處理函式 - Ok_process)

                                SelectFile(Ok_process);

                             }

                          }

                      },

                           

1>V120602.js

//按鈕 :  [匯入] [匯出][維護 Delay Notification Form] [QDR Report][可施工統計表]

    var BtnAry = [

        {

            xtype: 'button', text: '匯入', id: 'XlsInBtn', iconCls: 'icon-check',

            listeners: {

                click: function () {

                    //XlsInBtn_click() ;

                    //[匯入]鈕 ,    xtype: 'filefield',   以 file輸入元件 , 將檔案傳送至後端 , form.submit;

                    Call_V120602A();

                }

            }

        }, //end of  匯入

        {  //以 將目前 Master 的資料,傳送至後端取得資料匯出 

            xtype: 'button', text: '匯出', id: 'XlsOutBtn',

            listeners: {

                click: function () {

                    //console.log(" 1 匯出EXCEL: ");

                    //XlsOutBtn_click();  // - 將目前 Master 的資料,傳送至後端取得資料匯出 

                    Call_V120602B();

                }

            }

        },        

    ];

2>>V120602B.js

//[匯出]鈕 -  - 只匯出資料,無子畫面

function Call_V120602B() {

    var Tmp_Grid = Ext.getCmp('grid_Single');

    var cur_recs, cur_rec;

    var Tmp_SAPNO, Tmp_PN, Tmp_QTY, Tmp_EOCND, Tmp_RMK;

    var Tmp_data_JSON = "";  //將store資料轉成 JSON 的字串

    var Tmp_sub_np = {};

    let Tmp_DataAry1 = [];

    var Tmp_Str = "";

    //cur_recs = Tmp_Grid.getView().selModel.getSelection();

    //console.log("cur_recs:", cur_recs);

    if (Tmp_Grid.store.length == 0) {

        mywarnalert("目前主檔無資料,無法匯出 EXCEL 檔案");

        return;

    }

    //取得目前所勾選資料,再匯出

    for (var i = 0; i < Tmp_Grid.store.getCount(); i++) {

        cur_rec = Tmp_Grid.store.getAt(i);

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

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

        console.log("cur_rec.data :", cur_rec.data);

        if (!(JSON.stringify(cur_rec.data) === '{}')) {

            Tmp_DataAry1.push(cur_rec.data);

        }

    }

    // 將目前子畫面的資料(Table)轉成 JSON字串

    //let Tmp_DataString1 = JSON.stringify(Tmp_DataAry1);

    //console.log("Tmp_DataString1:", Tmp_DataString1);

    //因為[備註]欄位 有/n .. 等特殊字元 ,  JSON.stringify 會 Error

    var np = {};

    var np = s_JSON('s_form'); //TMFunction.js, 組合form上的查詢條件為json參數傳遞                                                       

    np["s_STAT"] = Ext.getCmp('s_STAT').getValue();

    //np = {

    //    DataString1: Tmp_DataString1,

    //};

    Ext.getCmp('s_form').submit({

        //Ext.Ajax.request({

        url: '../../api/V120602BAPI/XlsOut',

        method: 'POST',

        async: false,

        standardSubmit: true, //若要傳送檔案至前端, standardSubmit必需設為 true  

        params: np,

    });

    //顯示結果訊息..

    var mask = new Ext.LoadMask(Ext.getBody(), {

        msg: '處理中,請稍待...'

    });

    mask.show();//使用 mask 需手動呼叫show() 方法下

    //每1秒檢核一次,是否已完成, 若已完成,則不再檢核

    var timer = setInterval(function () {

        var r = r_cookies('EX_DFile');

        //console.log("r_cookies=", r);

        if (!checkisnull(r)) {

            mysuccessalert(r);

            clearInterval(timer);

            mask.hide();

            timer = null;

        }

    }, 1000);  //1000ms = 1sec

}  // end of  function Call_V120602B() {

1.5>V20301.js  SelectFiles()

//[選擇檔案]子畫面. [確認匯入]鈕 , 處理

function Ok_process(me, e, eOpts) {

    //取得 [檔案上傳].檔名

    var Tmp_FileObj = Ext.getCmp('FName');

    console.log("FName Obj:", Tmp_FileObj);

    var Tmp_Str = "";

    var np = {

        FName: Ext.getDom(Tmp_FileObj.inputId).value

    };

    console.log("FName: ", np.FName);

    //submit會將fileUploadForm裡面input name送到後端

    //Ext.getCmp('btn_FileIn').getForm().submit({

    me.up("form").submit({

        //standardSubmit: false,    //default:false

        url: '../api/V20301API/uploadFileToDB',

        method: 'POST',

        headers: { 'Content-type': 'multipart/form-data' },

        params: np,

        success: function (response, opts) {

            console.log("success opts.response.responseText:", opts.response.responseText);

            var obj = Ext.decode(opts.response.responseText);

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

            if (obj["success"]) {

                Tmp_Str = "[匯入]完成 !! <br>"

                    + obj['Rtn_Msg'];

                mysuccessalert(Tmp_Str);

                console.log("success=true , Tmp_Str=", Tmp_Str);

                me.up("window").close();

                me.up("window").destroy();

                Ext.getCmp('btn_Show').fireHandler();

            }

            else {

                Tmp_Str = "[匯入]失敗 !! <br>"

                    + obj['Rtn_Msg'];

                mywarnalert(Tmp_Str);

                //Tmp_Sql = " Tmp_sql :<br> "

                //                 +obj['Tmp_Sql'];

                //mywarnalert(Tmp_Str);

                console.log("success=false , Tmp_Str=", Tmp_Str);

                me.up("window").close();

                me.up("window").destroy();

            };

        },

        failure: function (response, opts) {

            console.log(" failure opts.response.responseText:", opts.response.responseText);

            var obj = Ext.decode(opts.response.responseText);

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

            Tmp_Str = "[匯入]失敗!! <br>"

                + "(" + obj['FName'] + ") <br>"

                + obj['Rtn_Msg'];

            mywarnalert(Tmp_Str);

            me.up("window").close();

            me.up("window").destroy();

        }

    });

};  // end of Ok_process() {  //批次新增

2>*.cs

     1>>匯出

            V120602APIController V120602Controller = new V120602APIController();

            DataSet ds = V120602Controller.getGridData_M(false);

            DataTable dt1 = ds.Tables["T1"];

    2>>匯入  

              foreach (string cur_FName in Request.Files)

            {

                 Stream file_Strm = Request.Files[cur_FName].InputStream;

 

             }