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

그리드 셀 전체에 trim 기능 적용 > Q&A | 토론

본문 바로가기

Angular 그리드 셀 전체에 trim 기능 적용

페이지 정보

작성자 깜장머리 작성일 2023-07-20 16:33 조회 434회 댓글 0건
제품 버전 : Wijmo Library 5.20193.646
컨트롤 이름 : 그리드

본문

그리드 셀에 값을 입력할 때 앞뒤에 공백을 입력하는 경우가 있습니다.

이것을 해결하려고 저장 등의 액션이 일어날 때 그리드 값을 반복적으로 trim 하여 체크 하고 있습니다.


이 부분을 전체적으로 적용하고자 하니 어려움이 있습니다.

그리드 설정에 이런부분을 넣을 수 있는지 아니면 그리드 초기화 시 header 부 선언처럼 그리드의 trim을 선언하여 활용할 수 있는지 질문 드립니다.


어려개의 그리드를 사용하는데 전체적으로 모든셀에 적용하고자 하니 이부분을 좀더 쉽게 적용할 수 있는 방법을 문의 드립니다.

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

댓글목록

등록된 댓글이 없습니다.

1 답변

Angular Re: 그리드 셀 전체에 trim 기능 적용

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

페이지 정보

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

본문

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


문의하신 내용과 관련하여 formatItem과 같은 이벤트를 이용하여 모든 셀에 대해서 공백 체크를 하는 경우, 그리드 퍼포먼스에 영향을 끼칠 가능성이 있습니다. 


따라서 사용자가 셀을 입력할 때만 공백이 입력되는 경우에는 cellEditEnded 이벤트를 이용하여 셀 편집 후 셀 값에 대해서 trim 메서드를 호출 및 재적용하는 방식을 사용하는 것을 추천드립니다.


 flexInitialized(flexgrid: wjcGrid.FlexGrid) {
    flexgrid.cellEditEnded.addHandler((s, e) => {
      var test = s.getCellData(e.row, e.col);
      s.setCellData(e.row, e.col, test.trim());
    });
  }


- cellEditEnded API 문서

- setCellData API 문서


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


감사합니다.

그레이프시티 드림

댓글목록

깜장머리님의 댓글

깜장머리 작성일

그리드 복사해서 붙혀넣기에는 적용이 안되서 pastedCell 에도 핸들러를 추가했더니 잘됩니다.
감사합니다. 

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