目的: 將子視窗包成子程式( V120402B.js V120403B_JSON.js ),
以便程式容易編輯管理 - 子視窗子程式
處理說明: 1>產生子視窗的 Fields & Column 成子程式 *A.js *A_JSON.js
2>呼叫子視窗
2>呼叫子視窗
1>*.js 呼叫子視窗函式 - [歸還登記]
1>> V120402.js
//歸還登記
Ext.Loader.loadScript({
url: '../JsFunction/V120402B.js'
});
{
xtype: 'button', text: '歸還登記', id: 'BackBtn',
listeners: {
click: function () {
//console.log(" 1 inside 缺勤記錄維護: ");
BackBtn_click();
}
}
},
2>>V120402B.js
Ext.Loader.loadScript({
url: '../JsFunction/V120402B_JSON.js'
});
// JavaScript source code
//[歸還登記]鈕 - 子視窗
function BackBtn_click() {
console.log(" BackBtn step1");
//按鈕 : [確認] [取消] - [歸還登記]鈕
var sub_BackFlds_Btns = [
{
xtype: 'button', text: '確定', id: 'sub_BackFlds_OkBtn',
listeners: {
click: function () {
//mysuccessalert("mysub2_確定 ");
sub_BackFlds_OkBtn();
}
}
},
{
xtype: 'button', text: '刪除', id: 'sub_BackFlds_DelBtn',
listeners: {
click: function () {
//mysuccessalert("mysub2_確定 ");
//sub_BackFlds_DelBtn();
var Tmp_sub_Grid = Ext.getCmp('sub_Grid');
console.log("Tmp_sub_Grid:", Tmp_sub_Grid);
var cur_recs;
var cur_rec;
cur_recs = Tmp_sub_Grid.selModel.getSelection();
if (cur_recs.length == 0) {
mywarnalert("請先選擇要刪除的資料");
return;
}
else {
cur_rec = cur_recs[0];
console.log("cur_rec:", cur_rec);
console.log("Tmp_sub_Grid.store:", Tmp_sub_Grid.store);
Tmp_sub_Grid.store.remove(cur_rec);
mysuccessalert("刪除資料完成 !!");
return;
}
}
}
},
{
xtype: 'button', text: '取消', id: 'sub_BackFlds_CancelBtn',
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();
}
}
},
];
console.log("step2");
//歸還登記 Grid
var sub_Grid = Ext.create('TMGrid', {
grid_id: 'sub_Grid',
columns: sub_B_Columns,
autoScroll: true,
flex: 1,
store: Ext.create('gridstore', { model: sub_B_Fields }),
});
console.log("step2.5");
// [歸還登記]鈕 - 子畫面欄位
var sub_BackFlds = [
{
type: 'panel', bodyStyle: "background-color:transparent;", border: 0, padding: "5",
flex: 100,
//layout: { type: 'vbox', align: 'stretch' },
layout: 'border',
items: [
{
xtype: 'panel',
id: 'sub_panel1',
region: 'north',
layout: { type: 'hbox', align: 'stretch' },
//flex: 0,
//border: 1,
items: [
{
xtype: 'panel',
id: 'sub_panel11',
layout: { type: 'vbox', align: 'stretch' },
flex: 15,
border: 0,
items: [{
xtype: "fieldcontainer", fieldLabel: "歸還人員", labelWidth: 60, layout: "hbox", flex: 2,
items: [{
//xtype: "textfield", id: "sub_RTER", name: "sub_RTER", width: 100, padding: "0 4 0 0", fieldCls: "required", value: "611292",
xtype: "textfield", id: "sub_RTER", name: "sub_RTER", width: 100, padding: "0 4 0 0", fieldCls: "required", tabindex: 0,
listeners: {
change: function (textfield, newValue, oldValue) {
if (newValue.length == 10) {
getVcardInfo_B(newValue);
}
}
}
},
{ xtype: "textfield", id: "sub_RTER_", name: "sub_RTER_", width: 100, padding: "0 4 0 0", readOnly: true, fieldCls: "readonly", },
{
xtype: "button", id: "sub_RTER_btn", name: "sub_RTER_btn", width: 100, padding: "0 4 0 0", text: "歸還人員變更",
handler: function () {
Ext.getCmp("sub_RTER").setValue("");
}
},
]
}, // end of s_歸還人員
{ //QRCODE
xtype: "fieldcontainer", fieldLabel: "QR CODE", labelWidth: 60, layout: "hbox", flex: 2,
items: [
{
//xtype: "textfield", id: "sub_TMNO", name: "sub_TMNO", width: 200, padding: "0 4 0 0", fieldCls: "required", value: "D100000101",
xtype: "textfield", id: "sub_TMNO", name: "sub_TMNO", width: 200, padding: "0 4 0 0", fieldCls: "required", tabindex: 1,
listeners: {
blur: function (obj, event, opts) {
//1>檢核 TMNO 是否存在 AMM_TMDWG
//2>檢核 TMNO 存在 AMM_TMDWG 是否可歸還(STAT='A')
var Tmp_TMNO = "";
var isOk = true;
Tmp_TMNO = Ext.getCmp("sub_TMNO").getValue();
if (checkisnull(Tmp_TMNO)) {
mywarnalert("QR CODE 不可空白!!");
return;
}
var np = {};
np["TMNO"] = Tmp_TMNO;
Ext.Ajax.request({
method: "POST",
url: '../../api/V120402BAPI/CHECK_TMNO',
params: np,
async: false,
success: function (response, opts) {
console.log("0 response.responseText=", response.responseText);
var Tmp_Obj = Ext.decode(response.responseText);
console.log("1 Tmp_Obj=", Tmp_Obj);
if (Tmp_Obj["success"] == false) {
var Tmp_Rtn_Msg = "條碼編號 (" + Tmp_TMNO + ")錯誤訊息如下:<br>"
+ Tmp_Obj["Rtn_Msg"];
mywarnalert(Tmp_Rtn_Msg);
isOk = false;
}
}, //end of success
failure: function (response, opts) {
var Tmp_Obj = Ext.decode(response.responseText);
var Tmp_Rtn_Msg = "條碼編號 (" + Tmp_TMNO + ")錯誤訊息如下:<br>"
+ Tmp_Obj["Rtn_Msg"];
mywarnalert(Tmp_Rtn_Msg);
isOk = false;
}
}) //end of Ext.Ajax.Request
//若 ok ,才可按 [加入資料]
if (isOk == true) {
console.log("isOk:", isOk);
if (!checkisnull(Ext.getCmp("sub_btn_add")))
Ext.getCmp("sub_btn_add").setDisabled(false);
}
else {
if (!checkisnull(Ext.getCmp("sub_btn_add")))
Ext.getCmp("sub_btn_add").setDisabled(true);
}
//3>將 TMNO資料加入 sub_store
console.log("1 sub_btn_add.fireHandler()");
Ext.getCmp("sub_btn_Add").fireHandler();
} // end of blur event
} // end of Listener
}, // end of sub_TMNO
] // end of QR_CODE.ITEMS
},
]
}, //end of sub2_panel11 , flex:20
{
//xtype: 'toolbar',
xtype: 'panel',
id: 'sub_panel12',
layout: { type: 'vbox', align: 'right' },
flex: 5,
border: 0,
items: [
{
xtype: 'button',
id: 'sub_btn_Add',
flex: 2,
border: 1,
text: '加入資料', //sub_btn_Add
iconCls: 'icon-search',
hidden: true,
handler: function () {
//--> 需改為將 TMNO 的[AMM_TMDWG]資料加入 store
var np = {};
np["sub_RTER"] = Ext.getCmp("sub_RTER").getValue();
np["sub_TMNO"] = Ext.getCmp("sub_TMNO").getValue();
var is_Ok = true;
//console.log('np:', np);
Ext.Ajax.request({
method: "POST",
url: '../../api/V120402BAPI/get_sub_data1',
params: np,
async: false,
success: function (response, opts) {
console.log("0 response.responseText=", response.responseText);
var Tmp_Obj = Ext.decode(response.responseText);
console.log("1 Tmp_Obj=", Tmp_Obj);
if (Tmp_Obj["success"] == true) {
//var Tmp_Rtn_Msg = "歸還人(" + np["sub_RTER"] + ")條碼編號(" + np["sub_TMNO"] + ")的資料取得(AMM_TMDWG)成功<br>";
//mysuccessalert(Tmp_Rtn_Msg);
console.log("1 Tmp_Obj[Rtn_Msg]:", Tmp_Obj["Rtn_Msg"]);
isOk = true;
var Tmp_recs = Ext.decode(Tmp_Obj["Rtn_Msg"]);
console.log("Tmp_recs:", Tmp_recs);
console.log("Tmp_recs.length:", Tmp_recs.length);
var Tmp_rec;
for (i = 0; i < Tmp_recs.length; i++) {
console.log("1 Tmp_rec:", Tmp_rec);
Tmp_rec = Tmp_recs[i];
console.log("Tmp_rec:", Tmp_rec);
if (Ext.getCmp("sub_Grid").store.find("TMNO", Tmp_rec["TMNO"]) == -1)
Ext.getCmp("sub_Grid").store.add(Tmp_rec);
//else
//mywarnalert("條碼編號(" + Tmp_rec["TMNO"].toString() + ")已加入,不可重複加入<br>");
} // for (i=0;i<)
}
if (Tmp_Obj["success"] == false) {
console.log(" false , Tmp_Obj[Rtn_Msg]", Tmp_Obj["Rtn_Msg"]);
var Tmp_Rtn_Msg = "歸還人(" + np["sub_RTER"] + ")條碼編號(" + np["sub_TMNO"] + ")的資料錯誤訉息如下:<br>"
+ Tmp_Obj["Rtn_Msg"];
mywarnalert(Tmp_Rtn_Msg);
isOk = false;
}
}, //end of success
failure: function (response, opts) {
var Tmp_Obj = Ext.decode(response.responseText);
var Tmp_Rtn_Msg = "歸還人(" + np["sub_RTER"] + ")條碼編號(" + np["sub_TMNO"] + ")的資料錯誤訊息如下:<br>"
+ Tmp_Obj["Rtn_Msg"];
mywarnalert(Tmp_Rtn_Msg);
isOk = false;
}
}) //end of Ext.Ajax.Request
return isOk;
} // end of handler of sub_btn_Add
},// end of button sub_btn_Add , 加入資料
{
xtype: 'label',
id: 'sub_btn_label',
flex: 2,
},
]
} //end of sub_panel12
]
}, //end of panel1
{
xtype: 'panel',
id: 'sub_panel2',
//title: 'sub_panel2',
region: 'center',
layout: 'fit',
//flex: 60,
//border: 20,
items: [sub_Grid]
},
] // end of layout: "vbox", padding: "5", items: [
} //end of my_Sub2 , items[{
] //end of my_Sub2 , items[
Ext.getCmp('sub_Grid').store.on("load", function (me, records, successful, eOpts) {
if (successful) {
console.log("Ext.getCmp('sub_Grid').store", Ext.getCmp('sub_Grid').store);
console.log("Ext.getCmp('sub_Grid').store.data", Ext.getCmp('sub_Grid').store.data);
}
}
);
console.log("sub_Grid:", sub_Grid);
//console.log("sub_Grid.getHeight():" ,sub_Grid.getHeight());
console.log("step3");
console.log("step4");
console.log("step5");
var win = getMyWindow("歸還登記", sub_BackFlds, sub_BackFlds_Btns);
//var win = getMyWindow("歸還登記", sub_BackFlds);
win.width = 600;
win.heigh = 400;
win.show();
Ext.getCmp('sub_Grid_ptb').hide();
console.log("step6");
} // end of function BackBtn_click() {
