V20304A – 工時提列 – 子畫面.下方按鈕 – 加入顯示欄位

 目的: V20304A – 工時提列 – 子畫面.下方按鈕 – 加入顯示欄位

處理說明:  

                 1> 利用 Btn_Ary    

                  2>  Buttons : Btn_Ary     -- (ToolBar)

                   3> 直接將    欄位s    加入   Btn_Ary    即可

                   4>  若 [欄位s ]   包成  Panel , 加入  Btn_Ary , 則只顯示 Panel 框, 不會顯示 Panel 的欄位  

1>*.js

//按鈕 : [確認] [取消] 鈕

    var cmp_sub_RPNOAF_TALHR = get_cmp_txt1('拆檢工時', 'sub_RPNOAF_TALHR', 80, 130,15);        

    var cmp_sub_MRPNOAF_TALHR = get_cmp_txt1('維修工時', 'sub_MRPNOAF_TALHR', 80, 130,15);

    var cmp_sub_TALHR_CAL_btn = get_cmp_btn1('工時合計', 'sub_TALHR_CAL', 5);

    var cmp_sub_TMP1 = get_cmp_panel1(200);

    var cmp_sub_TMP2 = get_cmp_panel1(200);

    //如下以 panel 包 欄位,按鈕, 不會顯示欄位+按鈕

    /*

    var sub_V20304A_TALHR =

    {

        type: 'panel', border: 2,        

        flex: 25,

        layout: 'hbox',

        //items: [cmp_sub_RPNOAF_TALHR, cmp_sub_MRPNOAF_TALHR, cmp_sub_TALHR_CAL_btn],

        items: [{

            xtype: 'panel', id: 'sub_panel1',  layout: 'hbox', border:1,

            height: 20,

            items: [cmp_sub_RPNOAF_TALHR,'-'],

        },

            ]

    };

    */

//直接將[欄位s]加入  Btn_Ary 

//    '-'   :  出現垂直的分隔線

    var sub_V20304A_Btns = [     

        //sub_V20304A_TALHR,  //以 panel 包 欄位,按鈕, 不會顯示欄位+按鈕

        cmp_sub_RPNOAF_TALHR, cmp_sub_MRPNOAF_TALHR, cmp_sub_TALHR_CAL_btn,

      '-', 

      cmp_sub_TMP1, cmp_sub_TMP2,

        {

            xtype: 'button', text: '確認', id: 'sub_V20304A_OkBtn', flex:5,

            listeners: {

                click: function () {

                    //mysuccessalert("mysub2_確定 ");

                    V20304A_OK();

                }

            }

        },        

        {

            xtype: 'button', text: '取消', id: 'sub_V20304A_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();

                }

            }

        },        

    ];

var win1 = getMyWindow("工時提列", sub_V20304A_Flds, sub_V20304A_Btns, "A");    

var mySubForm = Ext.create('Ext.FormPanel', {

        autoScroll: false,

        fieldDefaults: { labelAlign: 'right', },

        layout: 'fit',        

        //layout: { xtype: 'vbox', align: 'stretch' },

        id: "mySubForm"+par_uni,

        form_id: "mySubForm",

        items: par_FieldsAry,

        buttonAlign: 'center',

        buttons: par_BtnAry,

    });  // end of mySubForm