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

조건부 스타일 지정으로 스타일을 지정해 주었는대 헤더값까지 바뀝니다 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

기타 조건부 스타일 지정으로 스타일을 지정해 주었는대 헤더값까지 바뀝니다

페이지 정보

작성자 nxdev1 작성일 2023-08-25 14:29 조회 536회 댓글 1건
제품 버전 : 5.20221.842
컨트롤 이름 : flexgrid

본문

ab16ee3b95ff0779de328c3cd5138087_1692941122_4595.png
ab16ee3b95ff0779de328c3cd5138087_1692941151_2213.png
원래 헤더 부분에 "측정값"이 들어가있었는대

위 코드 처럼 조건부 스타일 지정을 하니 

0번째 row값이 조건에 해당하면 헤더값으로도 들어가더라구요 

왜 그런가요? 

그리고 그대로 측정값이라고 나오게 하는 방법이 있을까요?

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

댓글목록

GCK써니님의 댓글

GCK써니 작성일

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

문의하신 내용에 대하여 확인 중입니다.
관련 내용이 업데이트 되는 대로 안내드리겠습니다.

감사합니다.
그레이프시티 드림

1 답변

기타 Re: 조건부 스타일 지정으로 스타일을 지정해 주었는대 헤더값까지 바뀝니다

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

페이지 정보

작성자 GCK써니 작성일 2023-08-28 13:16 댓글 0건

본문

nexol 님, 안녕하세요.

그레이프시티입니다.


해당 현상은 formatItem 이벤트에서 HTML을 설정하는 동안 columnHeader 생성을 담당하는 셀도 포멧되기 때문입니다.

따라서 columnHeader 셀이 포멧되는 것을 방지하기 위해 현재 서식 적용 중인 셀의 CellType을 확인할 수 있습니다.


아래 샘플 코드를 참고해주시기 바랍니다.

formatItem: (s, e) => {
      var col = s.columns[e.col];
      if(e.panel.cellType === wijmo.grid.CellType.Cell) // 서식을 적용할 셀의 CellType을 확인하세요.
      {
        if (col.binding == 'value'){
          var val = parseFloat(s.getCellData(e.row, e.col));
          var usl = parseFloat(s.getCellData(e.row, e.col-2));
          var lsl = parseFloat(s.getCellData(e.row, e.col-1));
          var html = '<div style="background-color: red;">{val}</div>';
          html = html.replace('{val}', val);
          if (lsl > val || usl <= val) // fail
          {
            e.cell.innerHTML = html;
          }
        }
      }
    }


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

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