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

FlexGridCellTemplate 사용 문의 > Q&A | 토론

본문 바로가기

ReactJS FlexGridCellTemplate 사용 문의

페이지 정보

작성자 moon7 작성일 2023-07-24 14:46 조회 364회 댓글 0건
제품 버전 : 5.20221.842
컨트롤 이름 : FlexGrid

본문


FlexGridCellTemplate 사용 방법을 아래 문의 내용에 대한 답변으로 적용을 하였습니다.


https://dev.grapecity.co.kr/bbs/board.php?bo_table=wijmo_qna&wr_id=2189



1. 기능 적용시 아래와 같은 위반사항이 표시됩니다. 해당 내용 어떻게 처리하면 될까요?


[Violation] Added synchronous DOM mutation listener to a 'DOMNodeInserted' event. Consider using MutationObserver to make the page more responsive.


2. FlexGridCellTemplate 적용시 div 태그가 상위에 추가 됩니다. "div 태그 제거" or "div 속성에 클래스 및 스타일 적용이 가능 하나요?" 


확인 부탁 드립니다.


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

댓글목록

등록된 댓글이 없습니다.

2 답변

ReactJS Re: FlexGridCellTemplate 사용 문의

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

페이지 정보

작성자 GCK루시 작성일 2023-07-25 10:16 댓글 1건

본문

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


1. warning message 문의

=> 해당 경고 메세지의 경우, 동기적 DOM mutation 리스너가 추가됨에 따라 MutationObserver를 통해 비동기적으로 DOM 변형의 관찰 및 처리를 권고하는 메세지입니다.


다만 저희 쪽에서 해당 경고창이 확인 되지 않아 정확한 답변을 드리기 어려운 상황입니다. 혹시 저희 쪽으로 해당 경고창을 재현 및 디버깅 할 수 있는 작은 샘플을 공유 해주실 수 있으실까요? 해당 현상을 재현 및 디버깅 후, 답변 드릴 수 있도록 하겠습니다.


2. FlexGridCellTemplate 적용 후, div 태그에 클래스 추가 문의

=> 문의하신 내용의 경우, 아래 코드와 같이  formatItem 이벤트를 이용하여 해당 셀에 접근 및 className을 설정 및 CSS에서 스타일 속성을 정의해주시면 됩니다. 


    grid.formatItem.addHandler(function(s,e){
     if(e.panel === s.cells){
        if(e.col === 4){  //FlexGridCellTemplate이 적용된 열
          e.cell.childNodes[0].className = "test"
        }
      }
    })


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


감사합니다.

그레이프시티 드림

댓글목록

MESCIUS루시님의 댓글

MESCIUS루시 작성일

안녕하세요 메시어스입니다.

확인 요청 드렸던 내용에 대한 회신이 없어 문의 종료처리합니다.
추가로 궁금하신 점은 새 Q&A글을 작성하여 문의주시기 바랍니다.

감사합니다.
메시어스 드림 

ReactJS Re: FlexGridCellTemplate 사용 문의

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

페이지 정보

작성자 MESCIUS루시 작성일 2024-03-13 09:42 댓글 0건

본문

moon7 님, 안녕하세요.

메시어스입니다.


최근 크롬 정책 변경으로 인하여, Column 컴포넌트 사용 시 DOMNodeInserted 관련하여 경고 메세지가 발생하는 현상이 확인되었습니다.


앞서 전달해주셨던 위반사항 메시지 내용과는 다소 차이가 있으나, 말씀하신 것과 유사한 DOMNodeInserted 이벤트 경고 메세지 입니다.


해당 내용 관련하여 FAQ 게시글에 안내글을 작성하였으니, 하기 링크된 게시글을 참고 부탁드립니다.

 

- [중요!] Google Chrome 정책 변경으로 인한, Wijmo 업그레이드 및 코드 수정 안내


감사합니다.

메시어스 드림

댓글목록

등록된 댓글이 없습니다.

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