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

validation 결과로 컬럼 정렬을 하고 싶습니다. > Q&A | 토론

본문 바로가기

ReactJS validation 결과로 컬럼 정렬을 하고 싶습니다.

페이지 정보

작성자 종각역 작성일 2023-06-29 11:14 조회 495회 댓글 0건
제품 버전 : 5.20202.699
컨트롤 이름 : FlexGrid

본문

안녕하세요, 도와주셔서 감사합니다.


validation 결과를 기준으로 그리드 열을 정렬하고 싶습니다.


CollectionView Validation의 공식 데모 페이지에서 페이지는 validation error 컬럼을 빨간색으로 표시합니다.


(https://www.grapecity.com/wijmo/demos/Core/CollectionView/EditingViews/Validation/react)


문제는 행 머리글과 열 머리글이 만나는 왼쪽 상단 사각형을 클릭하면 전체 그리드가 선택된다는 것입니다. 사각형의 default option이 전체 선택이라고 생각합니다. 하지만 전체 선택에서 validation y n(빨갛게 표시된 게 가장 위로 올라오게)으로 정렬하도록 수정하고 싶습니다.


아니면 최소한 맨 왼쪽 열(아마 row header 컬럼)을 정렬하는 버튼을 만들고 싶습니다.


감사합니다!

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

댓글목록

등록된 댓글이 없습니다.

1 답변

ReactJS Re: validation 결과로 컬럼 정렬을 하고 싶습니다.

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

페이지 정보

작성자 GCK루시 작성일 2023-07-03 15:27 댓글 0건

본문

첨부파일

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


먼저 기존 그리드의 TopLeft 영역에 대한 동작(그리드 전체 선택)을 disable 처리하기 위해서는 그리드 hostElement에서 click 이벤트를 이용하시면 됩니다. 해당 이벤트 내에서 preventDefault() 메서드를 호출하여 기존 동작을 제어할 수 있습니다.


그 다음 그리드 CollectionView에서 정렬할 때 값을 비교하는 함수를 설정할 수 있는 'sortComparer' 메서드를 사용자 정의하여 validation 결과를 바탕으로 정렬할 수 있습니다.


자세한 코드는 아래 샘플을 참고하여 주시기 바랍니다. 

※ 샘플에서 첫 번째와 두 번째 열의 데이터에 오류가 없으므로 열 머리글을 클릭할 때 해당 열의 데이터가 정렬되지 않을 수 있습니다.




- sortComparer API 문서


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


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

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