POMS Method Convention ☺❗

---

🟡 fetchList

리스트 불러오는 메소드 명 fetchList

---

🟡 handleDelete 

삭제 처리 메소드 명 handleDelete

---

🟡 sortChange 

Table 정렬시 호출하는 메서드는 sortChange

 

@sort-change       = "sortChange"

/** ORDER BY SETTING **/
, sortChange( row ){
  this.param.page = 1
  this.param.orderBy = ''
  this.param.orderByField = row.order === null ? '' : row.prop;
  this.param.orderByValue = row.order === 'ascending' ? 'ASC' :  row.order === 'descending' ? 'DESC' : '' ;
  this.fetchList();
}

---

🟡 multipleSelection 

Table 에서 체크박스 값 저장하는 배열 변수명은 multipleSelection

 

@selection-change  = "handleSelectionChange"

/** 체크박스 값 **/
, handleSelectionChange( val ) {
	this.multipleSelection = val;
}

---

🟡 searchClick

검색 버튼 누르면 searchClick

---

🟡 insertPopupStatuse

🟡 updatePopupStatuse

popup 상태 관리하는 메소드명 insertPopupStatuse / updatePopupStatuse

 

🟡 insertPopupVal

🟡 updatePopupVal

=> popup 상태 관리하는 변수는 insertPopupVal / updatePopupVal

 

🟡 @parent:render

업데이트시 부모요소 리로딩 해야 하는 경우

 

, insertPopupStates(val){
	this.popup.insertPopupVal = val == undefined ? true : false
}

, updatePopupStatus(val, row){
  this.popup.updatePopupVal = val;
  this.popup.updateInfo  = {
    seq     : row.seq
    , title  : row.title
  }
}



<insertPopup
:popupVal      = "popup.insertPopupVal"
@parent:render = "refreshFetchList"
@close:popup   = "insertPopupStates"

/>

<updatePopup
:popupVal      = "popup.updatePopupVal"
:updateInfo    = "popup.updateInfo"
@parent:render = "refreshFetchList"
@close:popup   = "updatePopupStatus"

/>



, popup : {

  insertPopupVal : false
  , updatePopupVal : false
  
  , updateInfo     : {
    seq       : 0
    , title   : ''
  }
}

, refreshFetchList(){
  this.param.rowNum   = 0
  this.param.limitNum = 10
  this.fetchList()
}