! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

그리드 지정 컬럼 배경색 버그인 것 같습니다. > Q&A | 토론

본문 바로가기

ReactJS 그리드 지정 컬럼 배경색 버그인 것 같습니다.

페이지 정보

작성자 MESCIUSMAN 작성일 2023-04-20 10:28 조회 545회 댓글 0건
제품 버전 : "^5.20221.857"
컨트롤 이름 : 위즈모 그리드

본문

안녕하세요. 


if문 조건 시 그리드의 배경색이 변하게 했습니다.

그리드 사이즈가 한 화면에 모두 나오면 정상 작동 합니다.

사이즈가 커서 그리드에 스크롤이 생기면 안보이는 부분부터 지정하지 않은 곳인데 배경색이 바뀝니다.



const [popDetail, setPopDetail] = useState();
    const initializePopdetail = (flexGrid) => {
        setPopDetail(flexGrid);
        flexGrid.formatItem.addHandler(function (s, e) {
            if (e.panel === s.cells) {
                if (e.col === 0) {
                    var val = s.getCellData(e.row, e.col);
                    if (val === 'ERR') {
                        e.cell.style.backgroundColor = '#c62828';
                    } else {
                        e.cell.style.backgroundColor = '#e0e0e0';
                    }
                }
            }
        });
    };


소스는 위와 같습니다.

0번째가 에러일 경우 배경이 붉게 아닐 경우 그레이색으로 지정했는데 스크롤바를 움직일 때 안보이는 곳부터 0으로 인식하는지 배경색이 변하는 것 같습니다.

확인 부탁드립니다.
 

  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

1 답변

ReactJS Re: 그리드 지정 컬럼 배경색 버그인 것 같습니다.

추천0 이 글을 추천하셨습니다 비추천0 채택채택

페이지 정보

작성자 GCK루시 작성일 2023-04-20 11:28 댓글 0건

본문

안녕하세요 그레이프시티입니다.


문의하신 내용의 경우, 버그가 아닌 그리드가 셀을 재활용하기 때문에 발생한 현상으로 셀의 형식을 변경하고 초기화 처리를 하지 않는다면 이전 형식이 다른 셀에 적용될 수 있습니다.  


이를 해결하기 위한 방법으로 아래 간단한 코드를 공유드리오니 참고 부탁드립니다.


 flexGrid.formatItem.addHandler((s, e) => {
      if (e.panel === s.cells) {
        let color = "";
        if (e.col === 0) {
          var val = s.getCellData(e.row, e.col);
          if (val === "ERR") {
            color = "#c62828";
          } else {
            color = "#e0e0e0";
          }
        }
        e.cell.style.backgroundColor = color;
      }
    });


다른 궁금한 점이 생기면, 문의 주시기 바랍니다.


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.