V120402D - xls套表列印 - 請稍候訊息 - Cookie - xls欄位格式設定 - 欄位合併, 插入圖片 - JSON2dt - 開啟檔案

 目的: xls套表列印, 分頁處理- Cookie - xls欄位格式設定 - 欄位合併, 插入圖片

處理說明: 1>由 SS_FILES 讀取套表檔案 , 存至 Server檔案目錄
                  2>xls分頁處理

                  3> xls欄位合併, 插入圖片                  

1>*.js  - V120402D.js

//[列印]鈕  - 列印套表  - Txxxx 技令借用登記表    - Dxxx 文件借用登記簿

    function sub_LookFlds_OkBtn() {

         //1>將子畫面 store 的資料轉成 JSON 字串,當參數傳至後端 Ext.Ajax

        var Tmp_sub_store = Ext.getCmp("sub_Grid").store;

        var Tmp_JSONString = store2JSON(Tmp_sub_store);

        var np = {};

        np["JSONString"] = Tmp_JSONString;

        //子畫面 submit

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

            //Ext.Ajax.request({

            url: '../../api/V120402DAPI/DoPRNLIST',

            method: 'POST',

            async: false,

       standardSubmit: true,// 非 Ajax 的方式  //若要傳送檔案至前端, standardSubmit必需設為 true 

            params: np,  //把目前 store資料轉成JSON, 當成處理參數 np

        });

        //顯示訊息 - 請稍候

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

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

        });

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

        var timer = setInterval(function () {

            clearInterval(timer);

            mask.hide();

            timer = null;

            //讀取 cookie的訊息 

            var r = r_cookies('EX_DFile');

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

            if (!checkisnull(r)) {

                mysuccessalert(r);

            }

        }, 5000);  //3000ms = 3sec

    };  // end of function mySub1_OkBtn_click()

2>*.cs  - SS_FILES 轉成 xls 處理, xls欄位格式設定, 加入圖片

//套表列印 - 借閱記錄 - 列印文件借閱登記簿

        [HttpPost]

        public void DoPRNLIST()

        {

            var c = HttpContext.Current;

            NameValueCollection nvc = c.Request.Form;

            // 1>將 SS_FILES.FBOLD 存成 Local檔案

            //取得目前子畫面的欄位值            

  string Tmp_JSONString = nvc["JSONString"];//Tmp_DataJSON:  將目前子畫面的資料. JSON字串  

            DataTable Tmp_dt = myfunc.JSON2dt(Tmp_JSONString);

            //DataTable DataTable1 = (DataTable)JsonConvert.DeserializeObject(Tmp_DataString1, (typeof(DataTable)));

            

            OracleConnection conn = new OracleConnection(DBService.ConnectionString(DBLINK));//

            OracleCommand cmd = new OracleCommand();

            conn.Open();

            conn.ClientInfo = User.Identity.Name;

            conn.ModuleName = BaseSYS + "_" + BaseMODID;

            conn.ActionName = ActionName;

            cmd.Connection = conn;

            string Tmp_Sql = "";

            string Tmp_Str = "";

            string Tmp_Str1 = "";

            string Tmp_RtnMsg;

            string Tmp_FName = "V120402_文件借閱登記簿.xlsx";      //套表的檔案名稱 , 

            string documentPath = HttpContext.Current.Server.MapPath("~") + "document\\";  // 取得實實的路徑            

            string pathFName = documentPath + Tmp_FName;

            //需要擷取大量資料時，DataReader 是很好的選擇，因為資料不會快取至記憶體。

            OracleDataReader reader;

            Workbook wk = null;

            MemoryStream mstream = new MemoryStream();

            string FileName = "V120402_文件借閱登記簿" + DateTime.Now.ToString("yyyyMMdd") + ".xlsx";

            string FileName1 = documentPath + FileName;

            try

            {

                wk = new Workbook();

                //1>將  SS_FILES. FBODY , 存至Local目錄.檔案                 

                if (File.Exists(pathFName))

                {

                    File.Delete(pathFName);

                }

                Tmp_Sql = " SELECT  FNAME,FBODY "

                                + " FROM     SS_FILES   "

                                + "   WHERE   1 = 1  "

                                + "  AND         FNAME = " + myfunc.AA(Tmp_FName);

                cmd.CommandText = Tmp_Sql;

                reader = cmd.ExecuteReader();

                byte[] file = null;

                //FileMode.OpenOrCreate: 開啟檔案若無檔案則新增

                //FileAccess.ReadWrite: 允許檔案讀取/寫入

                FileStream fs = File.Open(pathFName, FileMode.OpenOrCreate, FileAccess.ReadWrite);

                BinaryWriter bw = new BinaryWriter(fs);

                if (reader.HasRows)

                {

                    if (reader.Read())

                    {

                        file = (byte[])reader["FBODY"];

                        //fs.Write(file,0,50000);

                        bw.Write(file);

                        wk.LoadFromStream(fs);

                        bw.Close();

                        fs.Close();

                    }

                }

                //2 > 主機.Local檔案 XLS 讀入  FStream

                //FileStream fs = File.Open(pathFName, FileMode.Open, FileAccess.Read, FileShare.ReadWrite)                

                Worksheet ws = wk.Worksheets[0];//獲取第一個工作表

                                                //寫入[SAPNO][PN][QTY][EOCND][RMK]

                //int RowCnt = 0;  //每頁 行                    

                int PageRowIndex = 0;  //本頁啟始 rowindex

                int PageSize = 29;            //每頁29行 , 含 頁首 行數                        

                int DataSize = 21;           //資料行數 , 資料row 行數

                int PageTitleRows = 6;  //頁首行數 (含資料標題行)

                string Tmp_DOCNO, Tmp_STLCT, Tmp_BRP_, Tmp_TELNO;

                string Tmp_BRDT, Tmp_RTDT, Tmp_REMARK;

                string Tmp_PicName = "V120402_Pic.jpg";

                string Tmp_pathPicName = documentPath + Tmp_PicName;

                int Pages = 0;

                int PageRow = -1;

                //每筆資料列印後, 分頁印下一筆

                for (var i = 0; i < Tmp_dt.Rows.Count; i++)

                {

                    //每筆資料均分頁 & 複製樣板 rows      

                    //每21筆資料,則分頁

                    if ((i % DataSize) ==0)

                    {

                        Pages = Pages + 1;

                        PageRow = -1;                        

                        if (Pages == 2)

                            Console.WriteLine("Pages", Pages);

                        PageRowIndex = PageRowIndex + PageSize;

                        //分頁

                        ws.HPageBreaks.Add(ws.Range[myfunc.GetExcelPos(0, PageRowIndex)]);

                        string Tmp_Range = "A" + string.Format("{0:D}", PageRowIndex + 1) + ":H" + string.Format("{0:D}", PageRowIndex + 1 + (PageSize - 1));

                        ws.Copy(ws.Range["A1:H29"], ws.Range[Tmp_Range], true);

                        Tmp_Range = "D" + string.Format("{0:D}", PageRowIndex + 2) + ":F" + string.Format("{0:D}", PageRowIndex + 2);

                        //文件借閱登記簿 merge - 欄位合併

                        //ws.Range[D2: F2].Merge();

                        ws.Range[Tmp_Range].Merge();

                        //設定列高度

                        ws.SetRowHeight(PageRowIndex + 2, 30);

                        //(Document On-loan Records)  merge

                        Tmp_Range = "D" + string.Format("{0:D}", PageRowIndex + 3) + ":F" + string.Format("{0:D}", PageRowIndex + 3);

                        //ws.Range[D3: F3].Merge();

                        ws.Range[Tmp_Range].Merge();

                        ws.SetRowHeight(PageRowIndex + 3, 25);

                        //加入圖片

                        int Tmp_row = PageRowIndex + 1;

                        //string Tmp_pathPicName = "C:\\Users\\611292\\Desktop\\demo.jpg";

                       //將 SS_FILES 存成檔案(Tmp_PathFName)

                        Tmp_pathPicName = myfunc.SS_FILES2PathFName(Tmp_PicName, DBLINK);  

                        ws.Pictures.Add(Tmp_row, 1, Tmp_pathPicName);

                    }

                    PageRow = PageRow + 1;

                    Tmp_DOCNO = Tmp_dt.Rows[i]["DOCNO"].ToString();

                    Tmp_STLCT = Tmp_dt.Rows[i]["STLCT"].ToString();

                    Tmp_BRP_ = Tmp_dt.Rows[i]["BRP_"].ToString();

                    Tmp_TELNO = Tmp_dt.Rows[i]["TELNO"].ToString();

                    if (Tmp_dt.Rows[i]["BRDT"].ToString().Length > 0)

        Tmp_BRDT = DateTime.Parse(Tmp_dt.Rows[i]["BRDT"].ToString()).ToString("yyyy/MM/dd");

                    else

                        Tmp_BRDT = "";

                    if (Tmp_dt.Rows[i]["RTDT"].ToString().Length > 0)

        Tmp_RTDT = DateTime.Parse(Tmp_dt.Rows[i]["RTDT"].ToString()).ToString("yyyy/MM/dd");

                    else

                        Tmp_RTDT = "";

                    Tmp_REMARK = Tmp_dt.Rows[i]["REMARK"].ToString();                    

ws.Range[myfunc.GetExcelPos(1, PageRowIndex + PageTitleRows + PageRow)].Text =Tmp_DOCNO;

ws.Range[myfunc.GetExcelPos(2, PageRowIndex + PageTitleRows + PageRow)].Text = Tmp_STLCT;

ws.Range[myfunc.GetExcelPos(3, PageRowIndex + PageTitleRows + PageRow)].Text = Tmp_BRP_;

ws.Range[myfunc.GetExcelPos(4, PageRowIndex + PageTitleRows + PageRow)].Text = Tmp_TELNO;

ws.Range[myfunc.GetExcelPos(5, PageRowIndex + PageTitleRows + PageRow)].Text = Tmp_BRDT;

ws.Range[myfunc.GetExcelPos(6, PageRowIndex + PageTitleRows + PageRow)].Text = Tmp_RTDT;

ws.Range[myfunc.GetExcelPos(7, PageRowIndex + PageTitleRows + PageRow)].Text = Tmp_REMARK;                    

                }

                //刪除樣板  rows                            

                ws.DeleteRow(1, PageSize);

                ws.Activate();

                wk.SaveToStream(mstream, FileFormat.Version2007);

                wk.SaveToFile(FileName1, FileFormat.Version2007);

                

                //開啟 xls file

                System.Diagnostics.Process.Start(FileName1);

                //wk.SaveToFile(FileName, ExcelVersion.Version2007);       

                /* 開啟 Local xls 檔案

                 * using System.Diagnostics;

                    Process process = new Process();

                   process.StartInfo.FileName = "WINWORD.EXE";

                   process.StartInfo.Arguments = @"C:\Users\Shani\Desktop\process.docx";

                   process.Start();

                 */

            }

            catch (Exception e)

            {

                var Tmp_ErrMsg = e.Message;                

                Tmp_Str = "開啟XLS檔案 , 錯誤訊息如下<br>"

                                + "(" + FileName + ")報表<br>"

                                + Tmp_ErrMsg;

                HttpCookie MyCookie1 = new HttpCookie("EX_DFile", HttpUtility.UrlEncode(Tmp_Str));

                HttpContext.Current.Response.Cookies.Add(MyCookie1);

                //HttpContext.Current.Response.End();

                //throw;                

            }

            finally

            {

                //reader.Close();

                //bw.Close();

                //fs.Close();

                wk.Dispose();

                conn.Close();

                //wk.close();

            }

            HttpContext.Current.Response.AddHeader("Content-Disposition", "attachment;filename=\"" + HttpUtility.UrlEncode((string)FileName, System.Text.Encoding.UTF8) + "\"");

            HttpContext.Current.Response.ContentEncoding = System.Text.Encoding.UTF8;

            //HttpContext.Current.Response.BinaryWrite(file);

            //HttpContext.Current.Response.ContentType = "application/ms-excel";

            HttpContext.Current.Response.ContentType = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";

            HttpContext.Current.Response.BinaryWrite(mstream.ToArray());

            //包裝標籤檔產生完成

            Tmp_Str = "請開啟如下XLS檔案<br>"

                            + "(" + FileName + ")列印<br>";                             

            HttpCookie MyCookie = new HttpCookie("EX_DFile", HttpUtility.UrlEncode(Tmp_Str));

            HttpContext.Current.Response.Cookies.Add(MyCookie);

            HttpContext.Current.Response.End();

        }  // end of public void DoPRNLIST()

V120502 - 套表列印, 並自動分頁 , 顯示 Cookie的訊息 , 顯示請稍候訊息

 目的: V120502 - 套表列印, 並自動分頁

處理說明 : 

      1>前端:

                  1>>將子畫面的Grid資料存成 JSON字串, 當np參數傳給 Ext.Ajax 

      2>後端

                  1>>讀取 SS_FILES 套表(using Spire.Xls;)

                  2>>讀取 np 參數中的子畫面資料
                  3>>開啟 *.xlsx 檔案,填入欄位值, 若筆數>每頁筆數,則跳頁  

1>*.js  將子畫面的資料轉成 JSON 字串, 並存成 np參數 , 傳給 Ext.Ajax

//[確定]鈕 - 套表列印

function mySub1_OkBtn_click() {                

        //0 > 將目前畫面的store資料, 存成 np(多筆資料) 當參數, 傳給 處理 url

        console.log("0 mySub1_OkBtn_click - 列印包裝標籤.確定");

        var Tmp_sub_store = Ext.getCmp('sub_Grid').store;

        var 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="";

        for (i = 0; i < Tmp_sub_store.getCount(); i++) {

            cur_rec = Tmp_sub_store.getAt(i);

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

            Tmp_DataAry1.push(cur_rec.data);            

        }

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

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

        let Tmp_DataString1 = JSON.stringify(Tmp_DataAry1);

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

        var Tmp_CHKDT = Ext.getCmp("sub_DT").getValue();

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

        var np = {};

        np = {

            DataString1: Tmp_DataString1,  

            CHKDT: Tmp_CHKDT,

        };        

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

            //Ext.Ajax.request({

            url: '../../api/V120502API/DoPRNLIST',

            method: 'POST',

            async: false,

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

            params: np,

        });

        //顯示結果訊息..

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

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

        });

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

        var timer = setInterval(function () {

            clearInterval(timer);

            mask.hide();

            timer = null;

            var r = r_cookies('EX_DFile');

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

            if (!checkisnull(r)) {

                mysuccessalert(r);

            }

        }, 5000);  //3000ms = 3sec

    };  // end of function mySub1_OkBtn_click()

2>*.cs 處理

[HttpPost]

        public void DoPRNLIST()

        {

            var c = HttpContext.Current;

            NameValueCollection nvc = c.Request.Form;

            // 1>將 SS_FILES.FBOLD 存成 Local檔案

            //取得目前子畫面的欄位值

            string Tmp_DataString1 = nvc["DataString1"];    //Tmp_DataString:  將目前子畫面的資料. JSON字串   

            string Tmp_CHKDT = nvc["CHKDT"];    //[ ]不印日期

//將 table 字串轉成 DataTable

DataTable DataTable1 = (DataTable)JsonConvert.DeserializeObject(Tmp_DataString1, (typeof(DataTable)));

            string Tmp_SAPNO, Tmp_PN, Tmp_EOCND, Tmp_RMK;

            string Tmp_QTY;            

            

                        OracleConnection conn = new OracleConnection(DBService.ConnectionString(DBLINK));//

                        OracleCommand cmd = new OracleCommand();

                        //OracleDataAdapter adp = new OracleDataAdapter();

                        //DataSet ds = new DataSet();

                        //var response = Request.CreateResponse();

                        conn.Open();

                        conn.ClientInfo = User.Identity.Name;

                        conn.ModuleName = BaseSYS + "_" + BaseMODID;

                        conn.ActionName = ActionName;

                        cmd.Connection = conn;

                        string Tmp_Sql = "";

                        string Tmp_Str = "";

                        string Tmp_Str1 = "";

                        string Tmp_RtnMsg;

                        string Tmp_FName = "V120502_包裝標籤_格式檔.xlsx";      //套表的檔案名稱 , 

                        string documentPath = HttpContext.Current.Server.MapPath("~") + "document\\";  // 取得實實的路徑            

                        string pathFName = documentPath + Tmp_FName;

                        //需要擷取大量資料時，DataReader 是很好的選擇，因為資料不會快取至記憶體。

                        OracleDataReader reader;

                        Workbook wk = null;

                        MemoryStream mstream = new MemoryStream();

                        string FileName = "V120502_包裝標籤_格式檔_" + DateTime.Now.ToString("yyyyMMdd") + ".xlsx";

                        string FileName1 = documentPath + FileName;

                        try

                        {

                            wk = new Workbook();

                            //1>將  SS_FILES. FBODY , 存至Local目錄.檔案                 

                            if (File.Exists(pathFName))

                            {

                                File.Delete(pathFName);

                            }

                            Tmp_Sql = " SELECT  FNAME,FBODY "

                                            + " FROM     SS_FILES   "

                                            + "   WHERE   1 = 1  "

                                            + "  AND         FNAME = " + myfunc.AA(Tmp_FName);

                            cmd.CommandText = Tmp_Sql;

                            reader = cmd.ExecuteReader();

                            byte[] file = null;

                            //FileMode.OpenOrCreate: 開啟檔案若無檔案則新增

                            //FileAccess.ReadWrite: 允許檔案讀取/寫入

                            FileStream fs = File.Open(pathFName, FileMode.OpenOrCreate, FileAccess.ReadWrite);

                            BinaryWriter bw = new BinaryWriter(fs);

                            if (reader.HasRows)

                            {

                                if (reader.Read())

                                {

                                    file = (byte[])reader["FBODY"];

                                    //fs.Write(file,0,50000);

                                    bw.Write(file);

                                    wk.LoadFromStream(fs);

                                    bw.Close();

                                    fs.Close();

                                }

                            }

                            //2 > 主機.Local檔案 XLS 讀入  FStream

                            Worksheet ws = wk.Worksheets[0];//獲取第一個工作表

                                                            //寫入[SAPNO][PN][QTY][EOCND][RMK]

                int RowCnt = 0;  //每頁 行                    

                int PageRowIndex = 0;  //本頁啟始 rowindex

                int PageSize = 8;            //每頁8行                       

                //每筆資料列印後, 分頁印下一筆

                for (var i = 0; i < DataTable1.Rows.Count; i++)

                            {

                    //每筆資料均分頁 & 複製樣板 rows                    

                        PageRowIndex = PageRowIndex + PageSize;

                        ws.HPageBreaks.Add(ws.Range[myfunc.GetExcelPos(0, PageRowIndex)]);

                        string Tmp_Range = "A" + string.Format("{0:D}", PageRowIndex + 1) + ":B" + string.Format("{0:D}", PageRowIndex + 1 + (PageSize - 1));

                        ws.Copy(ws.Range["A1:B8"], ws.Range[Tmp_Range], true);

                    

                                Tmp_SAPNO = DataTable1.Rows[i]["SAPNO"].ToString();

                                Tmp_PN = DataTable1.Rows[i]["PN"].ToString();

                                Tmp_QTY = DataTable1.Rows[i]["QTY"].ToString();

                                Tmp_EOCND = DataTable1.Rows[i]["EOCND"].ToString();

                                Tmp_RMK = DataTable1.Rows[i]["RMK"].ToString();

                                ws.Range[myfunc.GetExcelPos(1, PageRowIndex)].Text = Tmp_PN;

                                ws.Range[myfunc.GetExcelPos(1, PageRowIndex + 1)].Text = Tmp_EOCND;

                                if (Tmp_CHKDT == "true")  //不印日期

                    {

                        ws.Range[myfunc.GetExcelPos(1, PageRowIndex + 2)].Text = "";

                    }

                                else

                    {

                        ws.Range[myfunc.GetExcelPos(1, PageRowIndex + 2)].Text = myfunc.cnow();                        

                    }

                        

                                 ws.Range[myfunc.GetExcelPos(1, PageRowIndex + 3)].Text = Tmp_QTY;

                                 ws.Range[myfunc.GetExcelPos(1, PageRowIndex + 4)].Text = Tmp_SAPNO;

                                 ws.Range[myfunc.GetExcelPos(1, PageRowIndex + 5)].Text = "";  //品保欄位空白

                                 ws.Range[myfunc.GetExcelPos(1, PageRowIndex + 6)].Text = Tmp_RMK;                                                                  

                }                     

                            //刪除樣板  rows                            

                            ws.DeleteRow(1, PageSize);

                            //ws.AllocatedRange.AutoFitColumns();

                            //wk.SaveToStream(mstream, FileFormat.Version2007);

                            //wk.SaveToFile(FileName1, FileFormat.Version2007);

                wk.SaveToStream(mstream, FileFormat.Version2013);

                wk.SaveToFile(FileName1, FileFormat.Version2013);

                //wk.SaveToFile(FileName, ExcelVersion.Version2007);                

            }

                        catch (Exception e)

                        {

                            var Tmp_ErrMsg = e.Message;

                        }

                        finally

                        {

                            //reader.Close();

                            //bw.Close();

                            //fs.Close();

                            wk.Dispose();

                            conn.Close();

                            //wk.close();

                        }

                        HttpContext.Current.Response.AddHeader("Content-Disposition", "attachment;filename=\"" + HttpUtility.UrlEncode((string)FileName, System.Text.Encoding.UTF8) + "\"");

                        HttpContext.Current.Response.ContentEncoding = System.Text.Encoding.UTF8;

                        HttpContext.Current.Response.ContentType = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";

                        HttpContext.Current.Response.BinaryWrite(mstream.ToArray());

            //包裝標籤檔產生完成

                       Tmp_Str = "請開啟如下XLS檔案<br>" 

                                       +"(" + FileName + ")<br>"

                                        +"並挑選[標籤印表機(TSC_ME240)]印表機<br>" 

                                        +"標籤樣式100mm*60mm(寬*高)列印<br>";

                        HttpCookie MyCookie = new HttpCookie("EX_DFile", HttpUtility.UrlEncode(Tmp_Str));

                        HttpContext.Current.Response.Cookies.Add(MyCookie);

                        HttpContext.Current.Response.End();                        

        }  // end of public void DoPRNLIST()

V120402D - 子畫面onShow時,顯示目前所在資料的欄位值

 目的: 子畫面onShow時,顯示主畫面grid資料欄位值

處理說明: 1>取得主畫面grid資料欄位值,並存入 - np
                  2>np當參數傳入子畫面呼叫函式
                  3>設定子畫面欄位值

1>*.js

  {

            xtype: 'button', text: '查詢借閱記錄', id: 'LookBtn',

            listeners: {

                click: function () {

                    //console.log(" 1 inside 缺勤記錄維護: ");

                    var cur_recs,cur_rec;

                    var np = {};

                    var Tmp_Str = "";

                    cur_recs = Ext.getCmp("grid_M").selModel.getSelection();

                    if (cur_recs.length == 0) {

                        Tmp_Str = "請先選擇要查詢借閱記錄的資料<br>";

                        mywarnalert(Tmp_Str);

                        return;

                    }

                    cur_rec = cur_recs[0];

                    np["TMNO"] = cur_rec.data["TMNO"];

                    np["TMNOXX"] = cur_rec.data["TMNOXX"];

                    np["DOCNO"] = cur_rec.data["DOCNO"];

                    np["NATIXX"] = cur_rec.data["NATIXX"];

                    np["SHT"] = cur_rec.data["SHT"];

                    np["LGTPXX"] = cur_rec.data["LGTPXX"];

                    LookBtn_click(np);

                }

            }

        },

var win = getMyWindow("查詢借閱記錄", sub_LookFlds, sub_LookFlds_Btns);

    //var win = getMyWindow("查詢借閱記錄", sub_LookFlds);

    win.width = 700;

    win.heigh = 400;    

    win.on("show", function (me, eOpts) {

        console.log("win onshow!!");

        Ext.getCmp('sub_Grid_ptb').hide();

        Ext.getCmp("sub_TMNOXX").setValue(par_np["TMNOXX"]);

        Ext.getCmp("sub_DOCNO").setValue(par_np["DOCNO"]);

        Ext.getCmp("sub_NATIXX").setValue(par_np["NATIXX"]);

        Ext.getCmp("sub_SHT").setValue(par_np["SHT"]);

        Ext.getCmp("sub_LGTPXX").setValue(par_np["LGTPXX"]);

    });

    win.show();      //onShow event handler 必需在 win.show(); 執行前就宣告, 才會觸發 

    

} // end of   function LendBtn_click() {

V120402- V120402C - 子畫面查詢grid 採用 CheckboxModel- checkbox 方式選擇 row, 處理勾選資料

目的: grid 畫面新增 CheckboxModel 選擇 row

處理說明:  1> var view = sub_Grid.getView();
                         view.selModel = Ext.create('Ext.selection.CheckboxModel', {
                         selectionMode: 'SIMPLE',

                            : 

                          };

                         view.updateLayout();

                   2>selectionMode:

• SINGLE表示單選
• SIMPLE或MULTI表示多選 ， 預設是多選的(如上段程式碼已經有設定單選

                   3>處理勾選的資料

                      //檢查資料是否正確

                        cur_recs = Tmp_sub_Grid.getView().selModel.getSelection();

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

                         if (cur_recs.length == 0) {

                              mywarnalert("請先選擇要續借的資料");

                              return;

                         }

                         for (var i = 0; i < cur_recs.length; i++) {

1>V120402C.js

 var view = sub_Grid.getView();

    view.selModel = Ext.create('Ext.selection.CheckboxModel', {

        selectionMode: 'SIMPLE',

        listeners: {

            selectionchange: function (cb, selected, eOpts) {

                console.log(view.selModel.getSelection()); //選取的值

                //console.log("selected.data[TMNO]", selected.data["TMNO"]);

            },

            RowMouseDown: function (view, record, item, index, e) {

                var me = this;

                if (index !== -1) {

                    if (!me.allowRightMouseSelection(e)) {

                        return;

                    }

                    if (e.shiftKey && me.lastFocused) {

                        me.selectRange(me.lastFocused, record, e.ctrlKey);

                        me.processSelection(view, record, item, index, e);

                    }

                    if (!me.isSelected(record)) {

                        me.mousedownAction = true;

                        me.processSelection(view, record, item, index, e);

                    } else {

                        me.mousedownAction = false;

                    }

                }

            }

        }

    });

    view.updateLayout();

2>checkbox 勾選資料s 的處理  - [續借]鈕

//檢查資料是否正確

    cur_recs = Tmp_sub_Grid.getView().selModel.getSelection();

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

    if (cur_recs.length == 0) {

        mywarnalert("請先選擇要續借的資料");

        return;

    }

    for (var i = 0; i < cur_recs.length; i++) {

        cur_rec = cur_recs[i];

        Tmp_Str = "第" + (i + 1).toString() + "筆選擇 -條碼編號(" + cur_rec.data["TMNO"] + ")";

        //console.log(Tmp_Str, cur_rec.data["CHECK"]);

        //if ((cur_rec.data["CHECK"] == undefined) || (cur_rec.data["CHECK"] == false))

        //continue;

        Tmp_TMNO = cur_rec.data["TMNO"];

        Tmp_BRDT = cur_rec.data["BRDT"];

        Tmp_BRDAY = cur_rec.data["BRDAY"];

        if (Tmp_BRDAY >=20) {

            Tmp_Str = "第" + (i + 1).toString() + "筆條碼編號(" + Tmp_TMNO + ")已續借展延10天<br>"

                + "不可再展延<br>"

                +"請檢核<br>";

            mywarnalert(Tmp_Str);

            //cur_rec.data["CHECK"].setValue(false);

            //console.log("Ext.getCmp(Tmp_TMNO)", Ext.getCmp(Tmp_TMNO));

            isOk = false;            

            break;

        }

    }// for i=0

    if (isOk == false)

        return false;

如上為 子畫面,單純 Grid , 不套用 Template
PS: 若為 Template of   grid_Single or grid_M 正式處理方式 : 將 TMGrid 換掉 

    Ext.getCmp('grid_Single').destroy(); //20220905

    var grid_Single = Ext.create('grid_Single', {

        id: 'grid_Single',

        resizable: true,

        selModel: Ext.create('Ext.selection.CheckboxModel', {

            selectionMode: 'SIMPLE',

            listeners: {

                /*selectionchange: function (cb, selected, eOpts) {

                    //view.selModel.getSelection()

                },*/

                RowMouseDown: function (view, record, item, index, e) {

                    var me = this;

                    if (index !== -1) {

                        if (!me.allowRightMouseSelection(e)) {

                            return;

                        }

                        if (e.shiftKey && me.lastFocused) {

                            me.selectRange(me.lastFocused, record, e.ctrlKey);

                            me.processSelection(view, record, item, index, e);

                        }

                        if (!me.isSelected(record)) {

                            me.mousedownAction = true;

                            me.processSelection(view, record, item, index, e);

                        } else {

                            me.mousedownAction = false;

                        }

                    }

                }

            }

        })

    });

    Ext.getCmp('tab2').add(grid_Single); //將grid加入到tab裡面

    Ext.getCmp('tab2').updateLayout();

V120402C - 隱藏子視窗的分頁Bar , PagingToolbar - 資料全取 -_ptb - Toolbar

 目的: 隱藏子視窗的分頁Bar , PagingToolbar

處理說明: 1>Pagingtoolbar 的id = sub_Grid+"_ptb"
                   2>Ext.getCmp('sub_Grid_ptb').hide();
                        //Ext.getCmp("sub_Grid").bbar.hidden = true;   --> 無效

1>*.js   -     Ext.getCmp('sub_Grid_ptb').hide();

//[續借登記]鈕 - 子視窗

function ContiBtn_click() {

       :

    var win = getMyWindow("續借登記", sub_ContiFlds, sub_ContiFlds_Btns);

    //var win = getMyWindow("續借登記", sub_ContiFlds);

    win.width = 600;

    win.heigh = 400;

    win.show();

    //隱藏[分頁控制] Bar  -->單檔主畫面.PagingToolbar='grid_ptb';

    Ext.getCmp('sub_Grid_ptb').hide();

    //Ext.getCmp("sub_Grid").bbar.hidden = true;  //--> 無效

    console.log("step6");

} // end of   function LendBtn_click() {

Question : V120402 - CheckBox & 全選CheckBox 如何處理 - Grid - 不用 CheckboxModel

目的: 如何加入 CheckBox 及全選 CheckBox

處理說明:  1>Grid.Columns 加入 CheckBox 欄 (xtype; 'checkcolumn')
                   2>如何標示每一row id , checkbox

                   ?? 3>如何全選 CheckBox 

1>*.js

var J_columns = [
{ header: "", xtype: "rownumberer", width: 50, align: "center", sortable: false },
{
header: '勾選',
dataIndex: 'CHECK',
xtype: 'checkcolumn',
width: 60,

renderer: function (value, metadata, record, rowIndex, colIndex, store) {
var tempVal = '';
if ((value === 'Y') || (value === true)) { tempVal = 'checked'; }
var Tmp_Str = "<input  type='checkbox'  name=" + (record.get('AMMNO')) + "   " + tempVal + " >";
return Tmp_Str;
},

V120402B - 修改程式的編碼方式(*.js/*.cs) - 程式的編碼方式 - Web程式預設為 UTF-8

目的: 修改程式的內部編碼方式(*.js/*.cs) - 程式的編碼方式  - Web程式預設為   UTF-8

處理說明:  1>檔案 --> 另存新檔 --> [存檔]右邊反三角選項 -->  編碼方式 [UTF-8]