V80204B - F16V報工現況匯出– checkboxgroup 新增checkbox - 多行機號挑選 - [F16V報工現況匯出]鈕

 目的: V80204B – checkboxgroup 新增checkbox – 將目前 checkboxgroup欄位值(Array),傳送至後端

處理說明:  1>必需先  CreateObject  of  checkbox 才可加入 checkboxgroup

                     //var tempObj = new Ext.form.Checkbox({
                       var tempObj = Ext.create('Ext.form.Checkbox',{
                                                           boxLabel: 'checkbox1',
                                                           name: 'rb',
                                                           inputValue: 'checkbox1',});

                  2>將 obj 加入 checkboxgroup , 並更新 Layout , 才會反應最新的 checkboxs 內容

                      Ext.getCmp('chkboxgrp1').items.add(tempObj);

                      Ext.getCmp('chkboxgrp1').updateLayout();    //更新  checkboxgroup

                  3> 取得目前 checkboxgroup 的勾選項目

                        var selectedValues = Ext.getCmp('chkboxgrp2').getChecked();

                           // Returns an Array of all checkboxes in the container which are currently checked

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

                                   Ext.getCmp('chkboxgrp2').remove(selectedValues[i]);

                                    var tempObj = new Ext.form.Checkbox(selectedValues[i]);  //必需先 create ,才可加入

                                    Ext.getCmp('chkboxgrp1').items.add(tempObj);

                                }

                        

1>*.js   - V80204B.js

     1>>checkboxgroup1 加入   checkbox

{
xtype: 'button', flex: 1, text: "+1",
handler: function () {
var tempObj = Ext.create('Ext.form.Checkbox',{
boxLabel: 'checkbox1',
name: 'rb',
inputValue: 'checkbox1',
// id: Tmp_ACNO_id,
});
Ext.getCmp('chkboxgrp1').items.add(tempObj);
Ext.getCmp('chkboxgrp1').updateLayout();
}
},// end of 虛 space

   2>>checkboxgroup1 .勾選s 右移至  checkboxgroup2
   {//往右移
                        xtype: 'button',
                            id: 'btn_move1',
                            text: '往右',
                            iconCls: 'icon-right',
                        flex:1,
                        handler: function () {
                            var selectedSuccessValues = Ext.getCmp('chkboxgrp1').getChecked();
                            console.log(selectedSuccessValues);
                            for (var i = 0; i < selectedSuccessValues.length; i++) {
                                Ext.getCmp('chkboxgrp1').remove(selectedSuccessValues[i]);
                                var tempObj = new Ext.form.Checkbox(selectedSuccessValues[i]);
                                Ext.getCmp('chkboxgrp2').items.add(tempObj);
                            }
                            Ext.getCmp('chkboxgrp1').updateLayout();
                            Ext.getCmp('chkboxgrp2').updateLayout();
                        } 
                        },// end of 往右移