V120602 – [備註說明]欄位(textArea) – 顯示在Template下方,獨立顯示,不在Template內 - selectionchange -設定[備註]欄位值

 目的: 1>V120602 – [備註說明]欄位(textArea) – 顯示在Template下方,獨立顯示,不在Template內

                      2> 資料切換至下一筆資料時,顯示新的欄位值

處理說明:   1> 新增 Panel,region: ‘south’, layout: {type:’vbox’,align: ‘stretch’},items:[欄位1,欄位2],
                    2> TMGrid.selectionchange event , 設定欄位值

1>*.js

1>>新增下方備註欄位 Panel

 var viewport = Ext.create('Ext.container.Viewport', {

        layout: 'border',

        items: [{

            region: 'center',

            layout: 'fit',

            //autoScroll: true,

            flex: 2,

            border: false,

            items: [TMSingleViewEdit,]

        },

            Tmp_Descript_Panel,

        ]

    });

 var Tmp_Descript_Panel = Ext.create("Ext.Panel", {

        region: 'south',

        layout: { type: 'vbox', align: 'stretch' },

        title: "說明Panel",

        height: 150,

        items: [

            Tmp_DFDCPTN,

            Tmp_STATDCPTN,

        ]

    })

  var Tmp_DFDCPTN = get_cmp_txtarea1("缺失說明", "f_DFDCPTN", 80, 600,10);

  var Tmp_STATDCPTN = get_cmp_txtarea1("進度說明", "f_STATDCPTN", 80, 600, 10);

2>資料切換時,顯示欄位值 - selectionchange event

        Ext.getCmp('grid_Single').on('selectionchange', function (par_model, par_selected, par_opts) {

        if (par_selected.length > 0) {

            var cur_DFDCPTN = par_selected[0].data["DFDCPTN"];

            var cur_STATDCPTN = par_selected[0].data["STATDCPTN"];

            Ext.getCmp("f_DFDCPTN").setValue(cur_DFDCPTN);

            Ext.getCmp("f_STATDCPTN").setValue(cur_STATDCPTN);

        }

         else {  //若無資料,則 欄位值空白

            Ext.getCmp("f_DFDCPTN").setValue("");

            Ext.getCmp("f_STATDCPTN").setValue("");

        }