POPUP

팝업 호출

// 메인화면 - 자재 조회 팝업 호출
$(document).on("click", "#btnProd1", function () {
  let selectedItemState = AUIGrid.getSelectedRows('#grid1')[0].STATE;
  if (selectedItemState !== 'Created' && selectedItemState !== null && selectedItemState !== undefined && selectedItemState !== '') {
    return;
  };
  ngsUtil.openIframePopUp('POPUP_MATERIAL_PR', '/view/ngs/mes/common/POPUP_MATERIAL_PR.html', that, ngsLang.getLang('Tit_MaterialSearch'), window.innerWidth * 0.8, window.innerHeight * 0.8);// Tit_MaterialSearch: 자재 조회
});

openIframePopup 파라미터

• id (string) : 팝업JS에서 선언한 Object명 ex) 'AMGZZ0061' <= 필수값

• url (string) : 페이지 절대경로 ex) '/view/ngs/aming/common/AMGZZ0061.html' <= 필수값

• your (object) : 호출하는 페이지의 개별 js 파일의 객체 ex) AMGZZ006 혹은 this 혹은 that 등 <= 필수값

• title (string) : 팝업의 제목명 입니다. 디폴트값은 'Pop Up' 디폴트일 경우는 undefined 입력 ex) '제품검색' <= 옵션값

• width (int) : 팝업의 가로 사이즈(px) 입니다. 디폴트값은 776, 디폴트 일경우는 undefined 입력 <= 옵션값

• height (int) : 팝업의 세로 사이즈(px) 입니다. 디폴트값은 443, 디폴트 일경우는 undefined 입력 <= 옵션값

파라미터 전달

• 파라미터 저장

ngsUtil.setStorage('WO_PRODUCTDEFINITIONID', PRODUCTDEFINITIONID, 'S');
ngsUtil.setStorage('WO_SEQ', 1, 'S');

key , value , type

type은 S(server storage) L(local stroage)

• 파라미터 사용

that.WORKORDERID = ngsUtil.getStorage('WONUMBER', 'S');

팝업 이벤트

• 팝업

//선택 버튼
$body.on('click', '#checkBtn', function(e) {
  ngsUtil.messageBox({
      type: 'info', html: ngsLang.getLang('msg_mes_Select') /*선택 하시겠습니까?*/
      , closeButton: {
          text: 'Close', after: function() {
              AUIGrid.setFocus('#grid1');
          },
      }, okButton: {
          text: 'OK', after: function() {
              const checkItem = AUIGrid.getSelectedItems('#grid1');
              POPUP_MATERIAL_PR.father.popUpSaveCallBack(0, checkItem, POPUP_MATERIAL_PR.father.rowIndex, 'POPUP_MATERIAL_PR');
              that.ngsUtil.closeIframePopUp('POPUP_MATERIAL_PR');
          },
      },
  });
});

팝업에서 버튼 클릭 시 부모의 popUpSaveCallBack 함수를 호출하고 팝업을 종료함

팝업의 종료는 선택사항

• 부모 페이지 popUpSaveCallBack

popUpSaveCallBack: function (index, data, rowIndex, popupName) {
    let that = this;
    rowIndex = AUIGrid.getSelectedIndex('#grid1')[0];
    let isNew = AUIGrid.getGridData('#grid1')[rowIndex].NEW;
    let isUpdate = (isNew === undefined || isNew === null) ? 'U' : isNew;

    let materialInfo = {
      'MATERIALDEFINITIONID' : data[0].item.MATERIALDEFINITIONID,
      'MATERIALDEFINITIONNAME' : data[0].item.MATERIALDEFINITIONNAME,
      'UNITID' : data[0].item.UNITID,
      'POUNITID' : data[0].item.POUNITID,
      'WIDTH' : data[0].item.WIDTH,
      'INVENTORYRATE' : data[0].item.INVENTORYRATE ? data[0].item.INVENTORYRATE : 1, 
      'NEW' : isUpdate
    }
    AUIGrid.updateRow(ngsWidget.grid[index], materialInfo, rowIndex);
    const item = AUIGrid.getGridData(ngsWidget.grid[index])[rowIndex];
    ngsWidget.entireDatas[index][rowIndex] = item;
  
    that.editAutoValue(
      {
        dataField: 'MATERIALDEFINITIONID',
        item: item,
      }
    );
  },