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

그리드 헤더에 체크박스를 리드온니 형태로 변경하고 싶습니다. > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

Angular 그리드 헤더에 체크박스를 리드온니 형태로 변경하고 싶습니다.

페이지 정보

작성자 깜장머리 작성일 2023-06-29 13:23 조회 434회 댓글 1건
제품 버전 : Wijmo Library 5.20193.646
컨트롤 이름 : 그리드

본문


그리드에 체크박스를 적용하고 그리드 밖에 있는 오브젝트로 체크박스를 readonly 를 동적으로 변경하고자 합니다.


그부분 까지는 적용이 되었는데 상단의 헤더 부분이 읽기전용 속성이 적용되지 않아서 그리드 body의 선택값이 계속 변경이 되는 상태입니다.


이부분에 헤드에도 리드온니 속성을 적용할 수 있을까요?


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

댓글목록

1 답변

Angular Re: 그리드 헤더에 체크박스를 리드온니 형태로 변경하고 싶습니다.

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

페이지 정보

작성자 GCK루시 작성일 2023-06-30 15:47 댓글 1건

본문

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


Selector가 추가된 그리드의 topLeft 셀을 ReadOnly로 변경하고 싶은 경우, formatItem 이벤트 및 요소에 클래스 추가/삭제할 수 있는 toggleClass를 이용하시면 됩니다. 


셀로 나타내는 요소가 생성될 때 발생하는 formatItem 이벤트 내에서 topLeft 영역인지 확인 후, 해당 셀에 'wj-state-disbled' 클래스를 추가해주시면 ReadOnly 상태가 적용된 것을 확인하실 수 있습니다.


아래 코드를 참고하여 주시기 바랍니다.


import {toggleClass} from '@grapecity/wijmo';

(...)

  initGrid(grid: FlexGrid) {
        this.setGroups(true);
        this.selector = new Selector(grid, {
            itemChecked: () => {
                this.selectedItems = grid.rows.filter(r => r.isSelected);
            }
        });

 grid.formatItem.addHandler((s: any, e: wjcGrid.FormatItemEventArgs) => {
        if (e.panel == s.topLeftCells) {
            toggleClass(e.cell,"wj-state-disabled")
            }
        });
    }

- toggleClass API 문서

- formatItem API 문서


관련하여 API 문서를 공유드리며 다른 궁금한 점이 생기면 문의주시기 바랍니다.


감사합니다.

그레이프시티 드림

댓글목록

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