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

Flext Grid row Header에 checkbox를 조건부 표시 할 수 있는지 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

ReactJS Flext Grid row Header에 checkbox를 조건부 표시 할 수 있는지

페이지 정보

작성자 토끼바람 작성일 2022-05-30 08:53 조회 1,528회 댓글 0건
제품 버전 : 5.20211.794
컨트롤 이름 : flexgrid

본문

그리드에서 체크 박스를


itemGridSelector = new Selector(sender, {});

itemGridSelector.column = sender.rowHeaders.columns[0];


이렇게 생성을 하였는데  체크 박스 표시를 조건에 따라서 표시하고 표시 하지 않는것을 선택적을 하고 싶습니다.


특정데이터에 값이 있을때는 표시하고 값이 없을때는 표시 하지 않도록 처리 할 수 있는지 문의 합니다.

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

댓글목록

등록된 댓글이 없습니다.

1 답변

ReactJS Re: Flext Grid row Header에 checkbox를 조건부 표시 할 수 있는지

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

페이지 정보

작성자 GCK루시 작성일 2022-05-31 16:35 댓글 0건

본문

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


문의 주신 Selector 컨트롤의 조건부 표시의 경우, formatItem 이벤트 내에서 조건을 두고 아래 코드와 같이 셀의 요소를 설정하여 구현하실 수 있습니다. 코드의 경우, 행 인덱스가 짝수인 경우에 removeChild를 통해 자식 노드인 checkbox를 삭제 하였습니다.

추가적으로 그리드 데이터에 접근하여 설정하고 싶으신 경우, e.row라는 행 인덱스를 가지고 행 컬렉션에 접근하여 행의 dataItem 속성을 통해 데이터 접근 및 처리하실 수 있으니 업무에 참고하여 주시기 바랍니다.


function initialized(s) { // 그리드 초기화 이벤트
    //setGrid(s);
    var selector = new Selector(s);

    s.formatItem.addHandler(function (s, e) {
      if (e.panel === s.rowHeaders && e.row % 2 === 0) {
        if (e.cell.hasChildNodes()) {
          e.cell.removeChild(e.cell.firstChild);
        }
      }
    });
  }

- dataItem : https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_grid.row.html#dataitem


API 문서를 같이 전달 드리며 다른 궁금한 점이 생기면, 문의 주시기 바랍니다. 


감사합니다. 

그레이프시티 드림 

댓글목록

등록된 댓글이 없습니다.

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