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

flex grid 에 selector 을 사용할때 전체선택 이벤트 처리 방법 문의 > Q&A | 토론

본문 바로가기

ReactJS flex grid 에 selector 을 사용할때 전체선택 이벤트 처리 방법 문의

페이지 정보

작성자 토끼바람 작성일 2022-06-15 14:37 조회 1,788회 댓글 0건
제품 버전 : 5.20211.794
컨트롤 이름 : flexgrid

본문

flex grid에 selector를 사용하여 체크 박스를 생성하고 전체 선택을 할때

각 행에 있는 데이터 조건에 따라서 선택을 체크가 되고 안되도록 구분 처리를 하고 싶습니다.


1행의 데이터가 a 라는 컬럼의 값이 2  인 것만 전체 체크하도록 할 수 있는지 문의 합니다.


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

댓글목록

등록된 댓글이 없습니다.

1 답변

ReactJS Re: flex grid 에 selector 을 사용할때 전체선택 이벤트 처리 방법 문의

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

페이지 정보

작성자 GCK루시 작성일 2022-06-16 17:00 댓글 0건

본문

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


문의 주신 기능을 구현하기 위해서는 클릭 이벤트 추가 및 hitTest 메서드를 호출하여 클릭한 영역이 전체 선택 checkbox가 있는 TopLeft 영역이 맞는지(+ 체크박스를 클릭한 것인지) 확인 후, 조건에 따라 isSelected를 false처리해주시면 됩니다. 아래 간단한 코드를 참고하여 주시기 바랍니다.


  theGrid.hostElement.addEventListener("click",function(e){
    var ht = theGrid.hitTest(e)
    if (ht.panel.cellType ===wijmo.grid.CellType.TopLeft && ht.target.type ==="checkbox"){
        theGrid.rows.forEach(row=>{
          if(row.dataItem.id %2===0){
            row.isSelected = false
          } 
        })
    }
  })


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


감사합니다. 

그레이프시티 드림 

댓글목록

등록된 댓글이 없습니다.

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