위즈모 플렉스그리드 셀 편집기능 문의 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

ReactJS 위즈모 플렉스그리드 셀 편집기능 문의

페이지 정보

작성자 Fred 작성일 21-07-27 11:09 조회 144회 댓글 0건
제품 버전 : wijmo-5.20202.732
컨트롤 이름 : 위즈모 플렉스그리드

본문

안녕하세요.


LG CNS에서 현재 위즈모 플렉스 그리드를 사용해서 시스템을 개발중입니다.

위즈모 플렉스 그리드에서 셀 편집시에 키보드 개별 문자 입력 시 Key-Press 이벤트를 받을 수 있는 기능이 필요한데

현재 기능이 제공되고 있는지 문의 드립니다.


셀의 데이터를 모두 입력하고 엔터키를 입력해야만 이벤트가 발생하는 것 같은데

엔터키를 입력하기 전에 개별 문자 입력 시 입력중인 데이터의 유효성 검사를 하고 싶어서 문의 드립니다.


메일 회신은 hbsim0605@lgcns.com으로 부탁드립니다.

다른 문의사항이 있으시면 010-7544-8698로 연락 부탁드립니다.


감사합니다. 


  • 페이스북으로 공유
  • 트위터로  공유
  • 구글플러스로 공유
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

1 답변

ReactJS Re: 위즈모 플렉스그리드 셀 편집기능 문의

페이지 정보

작성자 GCK루시 작성일 21-07-28 10:40 댓글 0건

본문

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


Wijmo 그리드의 셀에 keyup과 같은 개별 키보드 이벤트를 통해 유효성 검사 기능을 구현하기 위해서는, 그리드의 cells의 hostElement에 이벤트 리스너를 부착하고 "keyup" 시 이벤트 내에서 유효성 검사를 수행하시면 됩니다. 

현재 활성화된 셀 편집기에 나타나는 HTMLInputElement를 가져오는 그리드의 activeEditor 속성에서 value 값으로 입력 중인 데이터 값을 가져올 수 있습니다. 

샘플에서는 앞서 말한 value 값과 열에 따라 체크를 하고 셀의 스타일을 변경하고 있습니다. 편집 중인 셀의 정보는 현재 편집 중인 셀을 식별하는 CellRange를 가져오는 그리드의 editRange 속성을 통해 확인할 수 있습니다. 자세한 코드는 아래 샘플을 참고하여 주시길 바랍니다.


 


[activeEditor]

https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_grid.flexgrid.html#activeeditor 


[editRange]

https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_grid.flexgrid.html#editrange 


도움말 문서도 같이 전달 드리오니 참고 부탁 드립니다.


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


감사합니다. 

그레이프시티 드림 


* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다.

댓글목록

등록된 댓글이 없습니다.

그레이프시티 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
그레이프시티 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@grapecity.com | 전화 : 1670-0583 | 경기도 안양시 동안구 시민대로 230, B-703(관양동, 아크로타워) 그레이프시티(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 Copyright ⓒ 2021 GrapeCity inc.