formatter 함수를 동적으로 재실행 할 수 있나요?

AXISJ AX5UI
1

안녕하세요,

그리드의 특정 셀에서 formatter를 사용하여 이미지를 보여주는데요, 이 이미지가 특정 flag 값에 따라서 변환이 되어야 합니다. row의 추가, 변경, 삭제 상태를 나타내기 위하여 특정 셀에 이미지를 넣을려고 합니다.
예를들어서 다음과 같은 상황입니다:

  1. 처음에는 이미지셀에 아무 이미지가 없습니다. formatter 함수에서는 flag에 따라서 어떠한 이미지를 지정할지 분기문 처리가 되어있고 디폴트로 이미지를 선정하지 않습니다.

formatter 코드는 아래와 같습니다. flag는 여기서는 전역변수라고 가정합시다.

{key: 'STATE', label: '', align: 'center', width: 40, formatter: function() {

  if (flag === 'update') {
    return '<img width="23px" height="23px" src="/assets/img/update.png"></img>';
  } else if (flag === 'delete') {
    return '<img width="23px" height="23px" src="/assets/img/delete.png"></img>';
  } else {

  }
 }

}
2. row의 특정 셀을 변경하면 그때 flag 값을 변환 합니다.
3. flag 값을 변환한 후에 이를 토대로 formatter에서 다시 이미지를 새로 로드하기 위해서 formatter 함수를 다시 동기화 하여야 합니다. 즉, 해당 셀만 다시 업데이트를 하는 것입니다.

이렇게 하려고 하는데 방법이 있나요?

감사합니다.

2 
formatter: function(){
  // this.value : 컬럼의 값
  // this.item : row item
  console.log(this); // 요걸 해보시면 this에 어떤값들이 있는지 확인 가능합니다.
}
3

넵 감사합니다. 솔루션을 찾았습니다. 그냥 setValue(index, ‘STATE’);를 하면 해당 셀의 formatter가 재실행되는군요