WebDesign 心得綜整: 9月 2026

2026年9月30日星期三

V80403 – 設定 TextField 的欄位名稱 – 字體大小 – 字體顏色 - font-size

目的: V80403 – 設定 TextField 的欄位名稱 – 字體大小 – 字體顏色

處理說明: 1> //取得 text欄位(GPASS1).up.fieldcontainer
Ext.getCmp("GPASS1").up("fieldcontainer").labelStyle = "color: blue; font-size: 14px";

1>*.js

//取得 text欄位.up.fieldcontainer

Ext.getCmp("GPASS1").up("fieldcontainer").labelStyle = "color: blue; font-size: 14px";

V80403 –[子件無架構發工]鈕 - 呼叫 V20301 子功能畫面 -iframe

目的: V80403 –[子件無架構發工]鈕 - 呼叫 V20301 子功能畫面
處理說明: 1> 呼叫 V20301 子功能畫面

- 利用 HTML <iframe src= ?FUNID > 開啟子功能 Windows 畫面

var ParamStr = "?FUNID=V20301&GAMMNO=" + Tmp_AMMNO + "&GPASS1=" + Tmp_GPASS1;

src="/Home/CenterTab' + ParamStr + '">

2>利用 location.search 取得傳入參數值(ParamStr)

var Values = GetURLParamValues(location.search);

3>嵌入框架：<iframe> 是 HTML 標籤，用來在一個網頁裡嵌入另一個網頁。

1>V80403.js
[子件無架構發工]鈕: 呼叫函式 CALL_V20301_f_V40105(cur_rec);
var cur_recs = Ext.getCmp('grid_Single').getSelectionModel().getSelection();
                    if (cur_recs.length == 0) {
                        mywarnalert("請先選擇資料(母AMM單號-AMMNO)");
                        return false;
                    }
                    cur_rec = cur_recs[0];
                    var Tmp_Str = "確認要新增目前AMM號(" + cur_rec.data["AMMNO"].toString() + ")<br>"
                        + "件號(" + cur_rec.data["AMMNO"].toString() + ")<br>"
                        + "的子件發工資料嗎?";
                    Tmp_Str=Tmp_Str.replace(/<br>/g, "\n");
                    var id = confirm(Tmp_Str);
                    if (id) {
                        CALL_V20301_f_V40105(cur_rec);
                    }    }          }

2>V20301.js
[確認轉發]鈕 : 傳回新產生的子AMM單號至 GPASS1 元件
//傳回V40105
var AMMNOStr; // ex: 格式要為'NO1'+','+'NO2', 不要是 AA('NO1')+','+AA('NO2')
if (Tmp_isV40105) {
Tmp_AMMNO_Str = Tmp_Obj["Rtn_Msg"];
AssignParentValue_v([Tmp_GPASS1], [Tmp_AMMNO_Str]); //傳回的 AMMNOStr 至 GPASS1元件 CloseChildWin();
}

2026年9月29日星期二

V80403 - iframe 和 windows 的差異 - 呼叫 V20301 的子功能畫面 - iframe

iframe 和 window 在網頁開發中是兩個不同層次的概念，雖然都能顯示內容，但用途和行為差異很大：

📌 iframe

嵌入框架：<iframe> 是 HTML 標籤，用來在一個網頁裡嵌入另一個網頁。
作用範圍：它存在於同一個瀏覽器視窗中，只是頁面的一部分。
用途：常用來載入外部頁面、報表、或第三方內容（例如地圖、影片）。
限制：受同源政策影響，跨網域存取內容會有限制。
控制方式：透過 DOM 操作 (document.getElementById("ifrm")) 來改變 src 或內容。

📌 window

獨立視窗：window 是瀏覽器提供的物件，代表一個完整的瀏覽器視窗或彈出視窗。
作用範圍：它是最上層的容器，包含整個 DOM、iframe、script 等。
用途：可用來開新視窗 (window.open)、或在 ExtJS 中建立彈出視窗 (Ext.Window)。
控制方式：可操作整個視窗的屬性與事件，例如大小、位置、關閉。

1>*.js
{ //測試用按鈕 - 模擬 V40105 呼叫 V20301 子功能
xtype: 'button', text: '子件無架構發工', id: 'btn_V80403C',
listeners: {
click: function () {
console.log(" 2 btn_V80403B click ");
var cur_recs = Ext.getCmp('grid_Single').getSelectionModel().getSelection();
if (cur_recs.length == 0) {
mywarnalert("請先選擇資料(母AMM單號-AMMNO)");
return false;
}
cur_rec = cur_recs[0];
CALL_V20301_f_V40105(cur_rec);
}
}
},

cmp_GPASS1,

}

2>V80403.js
//此函式不可寫在 V20301 因為 id 會和 V40105 相同,
// Ext.Loader.loadScript({ url: '../JsFunction/V20301.js' }); --> 會 Error
//只能利用 iframe 的方式 , 開啟 V20301 - id 重覆沒關係

function CALL_V20301_f_V40105(cur_rec) {
var Tmp_AMMNO = nulltoStr(cur_rec.data['AMMNO']).toString();
var Tmp_GPASS1 = 'GPASS1';
var ParamStr = "?FUNID=V20301&GAMMNO=" + Tmp_AMMNO + "&GPASS1=" + Tmp_GPASS1;

var win = new Ext.Window({
layout: 'fit',
id: 'win_V20301',
title: 'V20103',
closable: false,
closeAction: 'destroy',
modal: true, //有pick視窗時,下面的不能按
html: '<iframe id="ifrm" scrolling="auto" frameborder="0" width="100%" height="100%" src="/Home/CenterTab' + ParamStr + '"></iframe>',
buttons: [
{
id: 'btnClose1', text: '關閉',
handler: function () {
this.up('window').close();
}
}
]
});

win.setHeight(700);
win.setWidth(1200);
win.show();

};

V60202R- 多張標籤列印(不同內容的標籤) - 每頁含 [內容+標籤]+[分頁]

目的: V60202R- 多張標籤列印(不同內容)

處理說明: 0>利用 HTML online模擬器, 模擬標簽文字內容0

HTML online : https://www.tutorialspoint.com/online_html_editor.php

--> 直接修改即可看到 HTML排版結果,不需等 VS 執行後,才看到排版結果

1>$('#div_print_area').printThis({}); 利用 div_print_area - 包含多張內容來預覽列印

$("#div_print_area").printThis({});

2>my_div_x: 每頁內容=div_內容+div_分頁

3>my_tbl_x: 每頁資料=tbl_內容+tbl_barcode

4>my_tbl_x1,my_tbl_x2: tbl_內容, tbl_barcode

1>*.js

pub_print_area_Str1 = "<div id='div_print_area' style='border: 1px solid black;'>"

+pub_print_area_Str1

+" </div > ";

$("#div_print_area").remove();

var Tmp_sub_panel4 = $('#sub_panel4');

Tmp_sub_panel4.append(pub_print_area_Str1);

var Tmp_prn_div_Str = "#div_print_area";

//printThis - 會開啟預覽列印.html , 原本子畫面.html 已被預覽列印取代, 所以 header 也不同了..

//所以 printThis(loadCSS: ) --> 才是 [預覽列印] 視窗戴入的 *.css

$(Tmp_prn_div_Str).printThis({

loadCSS: "../JsFunction/print_V60202R.css?v=@date",

});

var Tmp_PageCnt = CHK_PK_OBJ.PK_LIST.length;

for (var i = 0; i < Tmp_PageCnt; i++)

{

Tmp_uni = (i + 1).toString();

cur_rec = CHK_PK_OBJ.ALL_LIST[i];

Tmp_MATNR = nulltoStr(cur_rec['MATNR']).toString();

Tmp_WH = nulltoStr(cur_rec['WH']).toString();

Tmp_SP = nulltoStr(cur_rec['SP']).toString();

Tmp_NAME = nulltoStr(cur_rec['NAME']).toString();

Tmp_MAKTX = nulltoStr(cur_rec['MAKTX']).toString();

Tmp_barcode_text = Tmp_MATNR+"&"+Tmp_WH+"&"+Tmp_SP;

//預覽列印的 HTML 內容

pub_print_area_Str1 = pub_print_area_Str1

+"<div id = 'my_div_" + Tmp_uni + "' style = 'width:10cm;height:3.8cm;border:1px solid black;font-size:9pt;' > "

+ "<table id='my_tbl_" + Tmp_uni + "' style='width: 100%;height: 100%;' border=1 bordercolor = 'black' cellspacing = 0 > "

+ " <tr> "

+ " <td width=70%>  "

+ " <table id='my_tbl_" + Tmp_uni + "1' style='width:100%;height: 100%;' border=1 bordercolor='black' cellspacing=0> "

+ " <tr> "

+ " <th width=30% style='margin: 0 0 0 0 ;'>件號<br>(Parts No) : </th> "

+ " <td width=70%>" + Tmp_MATNR + "</td> "

+ " </tr> "

+ " <tr> "

+ " <th width=30%>名稱<br>(Name) :</th> "

+ " <td width=70%>" + Tmp_NAME + "<br>" + Tmp_MAKTX + "</td> "

+ "</tr> "

+ "<tr> "

+ "<th width=30%>庫房 :</th> "

+ "<td width=70 %>" + Tmp_WH + "</td> "

+ "</tr> "

+ "<tr> "

+ "<th width=30%>儲位 :</th> "

+ "<td width=70 %>" + Tmp_SP + "</td>"

+ "</tr> "

+ "</table> "

+ " </td > "

+ "<td width=30%> "

+ " <table id='my_tbl_" + Tmp_uni + "2' style='width:100%;height: 100%;' border=1 bordercolor='black' cellspacing=0> "

+ "<tr> "

+ "<td> " + genQRcodeStr(Tmp_barcode_text, 90, 90, false) + " </td> "

+ "</tr> "

+ " </table> "

+ " </td> "

+ "</tr> "

+ " </table> "

+ " <div class='display' style='break-after:page'> "

+ " </div> "

+ "</div>  ";

} // end of for for (var i = 0; i < Tmp_PageCnt; i++) {

2026年9月28日星期一

V60202P – Label字體顏色 –字體大小 – style:"text-align:left; color:blue;fontSize: 14px"

目的: V60202P – Label字體顏色 –字體大小 – style:"text-align:left; color:blue;fontSize: 14px"

處理說明: 1>style: "text-align:left; color:blue;fontSize: 14px"

1>*.js

var cmp_sub_prnlbl = get_cmp_lbl0('(標籤格式: 10cm*6cm)', 180,

"text-align:left; color:blue;fontSize: 14px");
var sub_V60202P_Btns = [
{
xtype: 'button', text: '列印標籤', id: 'sub_V60202P_OkBtn',
//flex: 5,
listeners: {
click: function () {
//mysuccessalert("mysub2_確定 ");
//檢核 AMM項次的需求工時正確, 若有問題,則 Tmp_isOk=false, 若沒問題, Tmp_isOk=true, 才執行[確認]的處理
V60202P_OK();
}
}
},
{
xtype: 'button', text: '離開', id: 'sub_V60202P_CancelBtn',
//flex: 5,
listeners: {
click: function () {
//mysuccessalert("mysub2_取消");
var Tmp_win = this.up("window");
if (Tmp_win == undefined) {
Ext.Msg.alert("取消時未取到Window Object");
}
this.up("window").close();
this.up("window").destroy();
}
}
},
cmp_sub_prnlbl,
];

var win1 = getMyWindow("膠漆料管制標簽查詢", sub_V60202P_Flds, sub_V60202P_Btns, "P");

win1.x = 100;

win1.setWidth(800);

win1.setHeight(300);

win1.show();

2026年9月24日星期四

V60202 - [開啟V003子功能畫面]鈕: - 開啟另一子功能的畫面

目的: V60202 - [開啟V003子功能畫面]鈕: - 開啟另一子功能的畫面

處處理說明: 1>利用 iframe - 類似開子視窗 - 獨立的 BOM架構 - 所以不會有 id 相同的問題
2> var ParamStr = '?FUNID=V003';

<iframe id="ifrm" scrolling="auto" frameborder="0"
width="100%" height="100%" src="/Home/CenterTab' + ParamStr + '">
</iframe>'

1>*.js
var ParamStr = '?FUNID=V003';
                var win = new Ext.Window({
                    layout: 'fit',
                    title: 'V003',
                    closable: false,
                    closeAction: 'destroy',
                    modal: true,    //有pick視窗時,下面的不能按
                    html: '<iframe id="ifrm" scrolling="auto" frameborder="0" width="100%" height="100%" src="/Home/CenterTab' + ParamStr + '"></iframe>',
                    buttons: [{
                        id: 'btnClose', text: '關閉',
                        handler: function () {
                            this.up('window').close();
                        }
                    }]
                });
                win.setHeight(700);
                win.setWidth(1200);
                win.show();

2026年9月23日星期三

V60202P -[預覽列印] - px 和 pt 的差異 - css margin-left: 3pt

V60202P

在 CSS 裡，px 和 pt 都是長度單位，但用途和效果有些差異：
1> px (像素)
o 表示螢幕上的「畫素」單位。
o 在大多數螢幕顯示環境下，1px 就是 1 個螢幕像素。
o 適合用在網頁設計，因為它跟螢幕解析度直接相關。
o 例如：margin: 20px; → 在螢幕上留 20 像素的空間。

2> pt (點數)

o 傳統印刷單位，1pt = 1/72 英吋。

o 在列印或排版時比較常用，因為它跟實際物理尺寸有關。

Ex: V60202P - 預覽列印 - margin-left: 3pt

V60202P: 列印標籤 (標籤格式: 10cm*6cm) - HTML 版面配置 - 標籤預覽 - New

目的: V60202P: 列印標籤 (標籤格式: 10cm*6cm )

處理說明: 1>div_列印: 標籤格式

2>div_資料/分頁: 資料/分頁高度比例

3>div_資料: tbl_1 (height:10%)

tbl_2 (height:90%)

-tbl_21(width:55%)

-tbl_22(width:45%)

4> 預覽: $("#div_print_area").printThis();

5>載入*.css(橫向/直向列印)

$(Tmp_prn_div_Str).printThis({

loadCSS: "../JsFunction/print_V60202P.css?v=@date",

});

6>子畫面-預留 panel 放[預覽列印] 的html內容 BOM

以便將 div_print_area 送至 printThis() , 預覽列印

1>*.js

{ //純粹放[標籤預覽.html]用 , 所以高度很小

xtype: 'panel', id: 'sub_panel4', region: 'south', layout: 'vbox',

height:10,

//flex: 1,

items: [],

}

//[列印標籤]鈕
function V60202P_OK() {
//1>目前挑選資料
var cur_recs = Ext.getCmp('sub_Grid').getSelectionModel().getSelection();
if (cur_recs.length == 0) {
mywarnalert("請先選擇資料");
return;
}
var cur_rec = cur_recs[0];
var Tmp_MATNR = "", Tmp_PRNNO = "", Tmp_CHECKID = "", Tmp_CHECKID_ = "";
var Tmp_MFGBATCH = "", Tmp_MFG_RCBATCH = "", Tmp_VFDAT = "";
var Tmp_MIXTM = "", Tmp_MIXRATE = "", Tmp_WKTIMELIM = "";
var Tmp_MIXID = "", Tmp_MIXID_ = "";
Tmp_MATNR = nulltoStr(cur_rec.data['MATNR']).toString();
Tmp_PRNNO = nulltoStr(cur_rec.data['PRNNO']).toString();
Tmp_CHECKID = nulltoStr(cur_rec.data['CHECKID']).toString();
Tmp_CHECKID_ = nulltoStr(cur_rec.data['CHECKID_']).toString();
Tmp_MFGBATCH = nulltoStr(cur_rec.data['MFGBATCH']).toString();
Tmp_MFG_RCBATCH = nulltoStr(cur_rec.data['MFG_RCBATCH']).toString();
Tmp_VFDAT = nulltoStr(cur_rec.data['VFDAT']).toString();
Tmp_MIXRATE = nulltoStr(cur_rec.data['MIXRATE']).toString();
Tmp_WKTIMELIM = nulltoStr(cur_rec.data['WKTIMELIM']).toString();
Tmp_MIXID = nulltoStr(cur_rec.data['MIXID']).toString();
Tmp_MIXID_ = nulltoStr(cur_rec.data['MIXID_']).toString();
//預覽列印的 HTML 內容
/*

<!DOCTYPE html>

<html>

<title>Online HTML Editor</title>

<head>

</head>

<body>

<tr>

</tr>

</table>

<tr>

<tr>

<td>件號<br>Parts No:</td>

</tr>

<tr>

<td>膠漆料申請調配序號<br>Adheslve/Paint mixed serial No:</td>

</tr>

<tr>

<td>製造批號<br>Batch No:</td>

</tr>

<tr>

<td>接收批號<br>Receiving No:</td>

<td>recvb-1</td>

</tr>

<tr>

<td>存儲限期<br>Shelf life:</td>

</tr>

</table>

</td>

<tr>

<td>混合時間<br>Mixing time:</td>

</tr>

<tr>

<td>混合比例<br>Mixing Rate:</td>

</tr>

<tr>

<td>工作時限<br>Working time limiaation:</td>

</tr>

<tr>

<td>調合人員(簽章<br>Mixer(Stamp):</td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</td>

</tr>

</table>

</div>

</div>

</div>

</body>

</html>

*/
try
{
var pub_print_area_Str1 = "<div id='div_print_area' style = 'width:10cm;height:5.8cm;border:1px solid black;font-size:9pt;' > "
+ "<div id = 'div_data' style='width:100%;height:98%; margin-left: 3px'> "
+ " <table id='tbl_1' style='width:100%;height:10%;' border=1 bordercolor= 'black' cellspacing=0> "
+ " <tr><th>膠漆料混合工作時限管制標簽</th></tr>"
+ " </table >  "
+ " <table id='tbl_2' style='width:100%;height:90%' border=1 bordercolo = 'black' cellspacing=0> "
+ " <tr> "
+ " <td style = 'width:55%;' > "
+ " <table id='tbl_21' style='width:100%;' border=0 bordercolor='black' cellspacing=0> "
+ " <tr><td >件號<br>Parts No:</td><td style = 'font-size:8pt;' >" + Tmp_MATNR + "</td></tr> "
+ " <tr><td >膠漆料申請調配序號<br>Adheslve/Paint mixed serial No:</td> "
+ "<td>" + Tmp_PRNNO + "<br>" + Tmp_CHECKID + "<br>" + Tmp_CHECKID_ + "</td></tr>"
+ " <tr><td >製造批號<br>Batch No:</td><td>" + Tmp_MFGBATCH + "</td></tr>"
+ " <tr><td >接收批號<br>Receiving No:</td><td>" + Tmp_MFG_RCBATCH + "</td></tr>"
+ " <tr><td >存儲限期<br>Shelf life:</td><td>" + Tmp_VFDAT + "</td></tr>"
+ " </table>  "
+ " </td>  "
+ " <td style='width:45%;'> "
+ " <table id='tbl_22' style='width:100%;' border=0 bordercolor='black' cellspacing=0> "
+ " <tr><td >混合時間<br>Mixing time:</td><td>" + Tmp_MIXTM + "</td></tr> "
+ " <tr><td >混合比例<br>Mixing Rate:</td><td>" + Tmp_MIXRATE + "</td></tr> "
+ " <tr><td >工作時限<br>Working time limiaation:</td><td>" + Tmp_WKTIMELIM + "</td></tr>"
+ " <tr><td >調合人員(簽章<br>Mixer(Stamp):</td><td>" + Tmp_MIXID + "<br>" + Tmp_MIXID_ + "</td></tr>"
+ "<tr><td><br></td></tr>"
+ "<tr><td><br></td></tr>"
+ "<tr><td><br></td></tr>"
+ " </table>  "
+ " </td>  "
+ " </tr> "
+ " </table>  "
+ " </div> "
+ " <div id='div_break_page' style='break-after:page;width:100%;height:2%;'> "
+ " </div>  "
+ "</div>  ";
$("#div_print_area").remove();
var Tmp_sub_panel4 = $('#sub_panel4');
Tmp_sub_panel4.append(pub_print_area_Str1);
// include print_V60202P.css - 設定橫向列印

//- $('head').append(Tmp_Str) --> 子畫面.header , 非預覽列印.視窗

//必需用 printThis(loadCSS:) --> 才是預覽列印時.視窗 css
//var Tmp_header_Str = "<link type='text/css' rel='stylesheet' href='../JsFunction/print_V60202P.css?v=@date' "
//+ " media='print'>"
;
//$('head').append(Tmp_Str);
var Tmp_prn_div_Str = "#div_print_area";
$(Tmp_prn_div_Str).printThis({
//importCSS: false, // import parent page css
//importStyle: false, // import style tags
loadCSS: "../JsFunction/print_V60202P.css?v=@date",
});

} // end of try
catch (e) {
var Tmp_Str = "膠漆料管制標籤-查詢失敗!!<br>"
+ "件號(" + Tmp_MATNR + ")<br>"
+ "膠漆料申請調配序號(" + Tmp_PRNNO+")<br>"
+"錯誤訊息:"+ e.message;
mywarnalert(Tmp_Str);
} //膠漆料管制標籤-查詢失敗
} //end of V60202P_OK

2026年9月22日星期二

標籤印表機無法使用 - 利用 PING 無法 ping 到該IP - 因為太久沒用,被列入 UPAS 黑名單 - 電腦無法使用 - 無法登入

目的: 標籤印表表無法使用 - (192.10.4.228) - 因為太久未開機,被列入 UPDS 黑名單

處理說明: 1>請資訊處將該 IP 重新開啟即可

2026年9月21日星期一

V60202M-[屆期更新]鈕 – 更新後,重新Locate 在目前編輯資料,以便列印資料 - V60202N_CHECK() - findBy

目的:V60202N-[屆期更新]鈕 – 更新後,重新Locate 在目前編輯資料,以便列印資料

處理說明: 1>reload 時,locate 在目前資料
gridstore.on('load', function () {
var Tmp_index = gridstore.findBy(function (rec, id) {
var Tmp_bol = true;
Tmp_bol = rec.data["CPNO"].toString() == Tmp_CPNO
&& rec.data["MATNR"].toString() == Tmp_MATNR;
return Tmp_bol; // true : 有找到

});
cur_rec = gridstore.getAt(Tmp_index);
Ext.getCmp("grid_M").getSelectionModel().select(cur_rec);
});

2>更新資料後,列印目前資料

CALL_V60202N(); //列印

//關閉本子畫面 , 重新顯示資料後, locate 在目前的資料

Ext.getCmp("CancelBtn_V60202M").fireEvent("click",

Ext.getCmp("CancelBtn_V60202M"));

1>*.js

var Btns_V60202N = [

{

xtype: 'button', text: '確定', id: 'OkBtn_V60202N',

listeners: {

click: function (me, e, eOpts) {

if (V60202N_CHECK())

V60202N_OK();

}

function show_Data_V60202N() {

Ext.getCmp("sub_PRNNUM").setValue("1");

}

//檢核

function V60202N_CHECK() {

//mywarnalert(" Call V60202N_OK ");

var Tmp_PRNNUM = "1";

Tmp_PRNNUM = Ext.getCmp("sub_PRNNUM").getValue();

if (parseInt(Tmp_PRNNUM) > 9) {

var Tmp_Str = "列印張數不可 >9<br>"

+ "若列印張數超過9張<br>"

+"請重覆列印即可!!<br>";

mywarnalert(Tmp_Str);

return false;

}

return true;

}

function V60202N_OK() {

//mywarnalert(" Call V60202N_OK ");

var Tmp_CPNO = "", Tmp_MATNR = "";

var Tmp_NORM = "", Tmp_PROJ = "";

var Tmp_CHARG = "", Tmp_VFDAT = "";

var Tmp_BKTXT = "";

var Tmp_PRNNUM="1";

var cur_recs = Ext.getCmp('grid_M').getSelectionModel().getSelection();

var cur_rec = null;

if (cur_recs.length > 0) {

cur_rec = cur_recs[0];

Tmp_CPNO = nulltoStr(cur_rec.data['CPNO']).toString();

Tmp_MATNR = nulltoStr(cur_rec.data['MATNR']).toString();

Tmp_NORM = nulltoStr(cur_rec.data['NORM']).toString();

Tmp_PROJ = nulltoStr(cur_rec.data['PROJ']).toString();

Tmp_CHARG = nulltoStr(cur_rec.data['CHARG']).toString();

Tmp_VFDAT = nulltoStr(cur_rec.data['VFDAT']).toString();

Tmp_BKTXT = nulltoStr(cur_rec.data['BKTXT']).toString();

}

Tmp_PRNNUM = Ext.getCmp("sub_PRNNUM").getValue();

var np = {};

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

np["CPNO"] = Tmp_CPNO;

np["MATNR"] = Tmp_MATNR;

np["NORM"] = Tmp_NORM;

np["PROJ"] = Tmp_PROJ;

np["CHARG"] = Tmp_CHARG;

np["VFDAT"] = Tmp_VFDAT;

np["BKTXT"] = Tmp_BKTXT;

np["PRNNUM"] = Tmp_PRNNUM;

var Tmp_url = "../../api/V60202NAPI/AMM_COMP2XLS";

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

//var rtn_Str = getUrlStr(Tmp_url, np, "匯出[工作編號-人力資源](AMM_WKSTPD)");

Ext.util.Cookies.set("Rtn_Msg", "");

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

url: Tmp_url,

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 () {

var cookie_token = Ext.util.Cookies.get("Rtn_Msg");

var Tmp_Str;

if (!checkisnull(cookie_token)) {

clearInterval(timer);

mask.hide();

timer = null;

var rtn_Msg = r_cookies("Rtn_Msg");

if (checkRtnOK(rtn_Msg)) {

Tmp_Str = "匯出[時限器材管制標籤]成功!!";

mysuccessalert(Tmp_Str);

}

else {

Tmp_Str = "匯出[時限器材管制標籤]失敗!!<br>"

+ rtn_Msg;

mywarnalert(Tmp_Str);

}

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

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

}

}, 2000); //等待 2000ms =1sec

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

{

xtype: 'button', text: '取消', id: 'CancelBtn_V60202M',

listeners: {

click: function () {

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

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

//3>重新更新 MDBGrid, 並 Loate 在目前資料

var cur_recs = Ext.getCmp("grid_M").getSelectionModel().getSelection();

var cur_rec = cur_recs[0];

var Tmp_CPNO, Tmp_MATNR;

Tmp_CPNO = cur_rec.data["CPNO"].toString();

Tmp_MATNR = cur_rec.data["MATNR"].toString();

var gridstore = Ext.getCmp("grid_M").getStore();

gridstore.on('load', function () {

var Tmp_index = gridstore.findBy(function (rec, id) {

var Tmp_bol = true;

Tmp_bol = rec.data["CPNO"].toString() == Tmp_CPNO

&& rec.data["MATNR"].toString() == Tmp_MATNR;

return Tmp_bol; // true : 有找到

});

cur_rec = gridstore.getAt(Tmp_index);

Ext.getCmp("grid_M").getSelectionModel().select(cur_rec);

});

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

}

訂閱：文章 (Atom)

2026年9月30日星期三

V80403 – 設定 TextField 的欄位名稱 – 字體大小 – 字體顏色 - font-size

V80403 –[子件無架構發工]鈕 - 呼叫 V20301 子功能畫面 -iframe

2026年9月29日星期二

V80403 - iframe 和 windows 的差異 - 呼叫 V20301 的子功能畫面 - iframe

📌 iframe

📌 window

V60202R- 多張標籤列印(不同內容的標籤) - 每頁含 [內容+標籤]+[分頁]

2026年9月28日星期一

V60202P – Label字體顏色 –字體大小 – style:"text-align:left; color:blue;fontSize: 14px"

2026年9月24日星期四

V60202 - [開啟V003子功能畫面]鈕: - 開啟另一子功能的畫面

2026年9月23日星期三

V60202P -[預覽列印] - px 和 pt 的差異 - css margin-left: 3pt

V60202P: 列印標籤 (標籤格式: 10cm*6cm) - HTML 版面配置 - 標籤預覽 - New

2026年9月22日星期二

標籤印表機無法使用 - 利用 PING 無法 ping 到該IP - 因為太久沒用,被列入 UPAS 黑名單 - 電腦無法使用 - 無法登入

2026年9月21日星期一

V60202M-[屆期更新]鈕 – 更新後,重新Locate 在目前編輯資料,以便列印資料 - V60202N_CHECK() - findBy

WebDesign 心得綜整

追蹤者

網誌存檔

關於我自己

2026年9月30日 星期三

2026年9月29日 星期二

📌 iframe

📌 window

2026年9月28日 星期一

2026年9月24日 星期四

2026年9月23日 星期三

2026年9月22日 星期二

2026年9月21日 星期一

追蹤者

網誌存檔

關於我自己

2026年9月30日星期三

2026年9月29日星期二

2026年9月28日星期一

2026年9月24日星期四

2026年9月23日星期三

2026年9月22日星期二

2026年9月21日星期一