ReactJS FlexGrid cellEditEnded시 css 적용 문제
추천0 비추천 0
페이지 정보
작성자 웅비
작성일 2024-04-04 16:22 조회 44회
댓글 0건
제품 버전 : 5
본문
관련링크
안녕하세요.
현재 특정셀에 값 입력시 값을 비교해서
이전값과 다른경우 css를 적용해주고 싶은데요.
적용이 되었다가 다시 적용이 풀리는 문제가 생겼습니다.
const cellEditEnded = (sender, args) => {
let col = sender.columns[args.col];
if (col.binding == "PRE_VALUE") {
let targetVal = args.getRow().dataItem.TARGET_VALUE;
console.log(targetVal);
if(targetVal != args.getRow().dataItem.ORG_TARGET_VALUE)
{
let cell = args.panel.getCellElement(args.row, args.col);
sender.collectionView.trackChanges = true;
args.cancel = false;
cell.classList.add('NotMatched-val');
}
sender.collectionView.commitEdit();
}
}
F12 개발자 도구에서 확인하니 셀에 포커싱 되어있을때, 셀에서 포커싱이 떠났을때 class 이름들이 바뀌면서 적용이 풀리는것 같습니다...
해결방법 확인 부탁드립니다.
댓글목록
등록된 댓글이 없습니다.
1 답변
