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

숫자 포멧팅 관련 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

VueJS 숫자 포멧팅 관련

페이지 정보

작성자 일반개발자 작성일 2024-05-14 17:05 조회 32회 댓글 0건
제품 버전 : wijmo-5.20231.888_KR
컨트롤 이름 : WIJMO GRID

본문

그리드 내 셀을 수정할 때의 기술 문제에 대해 문의드려요.


1. 셀 안에 숫자를 음수만 입력되도록 제한하는 방법


2. 셀 안에 숫자를 지정된 포멧팅에 의해 출력이 되도록 하고 실제 값도 그대로 저장 및 출력되게 하는 방법


-> 예를 들어 소숫점 3자리 정수를 n3로 포멧팅 했을 경우

값을 23.23232 으로 입력하면 화면상에는 23.232로 표기되지만 다시 수정을 하려고 더블클릭을 하면 23.23232가 표기되는 상황을 볼 수 있는데요.


실제 화면에 표기된 값으로 내부 데이터도 똑같이 입력되게 하고 싶습니다.


즉, n3 로 포멧팅 지정된 곳의 셀 데이터를 23.23232로 입력했을 때


화면 상에도 23.232로 나타나고 재수정을 시도해도 23.232(화면에 표기된 값 그대로)로 나타나게 하는 방법을 의미합니다.



위 두가지에 대해 도움 주시면 감사하겠습니다.


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

댓글목록

등록된 댓글이 없습니다.

1 답변

VueJS Re: 숫자 포멧팅 관련

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

페이지 정보

작성자 MESCIUS엘라 작성일 2024-05-17 08:16 댓글 1건

본문

안녕하세요 메시어스입니다.


문의 주신 내용에 대해 순차적으로 답변 드리겠습니다.


1. 음수만 입력되도록 양수 입력을 제한하는 경우

유효성 검사 기능을 제공하는 getError 속성을 사용해 데이터가 양수일 때 입력 제한을 설정하여 구현할 수 있습니다.

(샘플에서 downloads 열의 데이터를 양수로 입력하면 입력이 제한되며 마우스를 hover 했을 때 에러 메시지가 표시됩니다.)


더불어 유효성 검사와 관련하여 참고하실 수 있는 데모도 첨부해 드리오니 확인하여 보시기 바랍니다.

- CollectionView 유효성 검사 (Vue)


2. format 처리한 데이터를 실제 데이터에 적용하는 경우

formatItem 이벤트를 사용하여 셀의 element에 innerText 메서드로 화면에 보이는 format 처리한 데이터를 가져온 다음, dataItem 속성에서 처리한 데이터를 넣어 실제 데이터에 적용할 수 있습니다.

(샘플의 Sales 열에서 format 처리한 데이터와 편집 시 실제 데이터가 같은 것을 확인할 수 있습니다.)


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


 


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


감사합니다.

메시어스 드림


댓글목록

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