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

셀의 글자 수 제한 기능 문의 > Q&A | 토론

본문 바로가기

VueJS 셀의 글자 수 제한 기능 문의

페이지 정보

작성자 뿌사마 작성일 2021-10-26 17:14 조회 1,812회 댓글 0건
제품 버전 : 14.1.5
컨트롤 이름 : cell

본문

안녕하세요.


셀에 글자 수 제한 기능을 구현 하려면 어떻게 해야 하는지 문의 드립니다.


셀 서식의 표시 형식은 '일반' 이고, 한글과 영문이 함께 사용되는 셀 입니다.


구현하려는 기능은 입력 제한 갯수를 정의 하고 입력 제한 갯수를 초과하는 입력에 대해서는


입력되지 않도록 하는 기능 입니다.





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

댓글목록

등록된 댓글이 없습니다.

1 답변

VueJS Re: 셀의 글자 수 제한 기능 문의

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

페이지 정보

작성자 GCK루시 작성일 2021-10-26 17:52 댓글 0건

본문

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


문의 주신 기능을 구현하기 위해서는 SpreadJS의 데이터 유효성 검사에서 텍스트 길이에 따른 유효성 검사를 생성하는 creatTextLengthValidator 메서드와 셀 값이 유효하지 않을 때 발생하는 ValidationError 이벤트를 사용하시면 됩니다. 


creatTextLengthValidator 메서드 내에서 비교 연산자 타입을 lessThan으로 지정 및 원하시는 텍스트 제한 길이를 설정하신 뒤, 유효성 검사 실패 시, ValidationError 이벤트에서 discard를 통해 입력이 취소되는 것을 확인하실 수 있습니다.

자세한 코드는 아래 샘플에서 확인하실 수 있습니다.



[createTextLengthValidator]

https://www.grapecity.com/spreadjs/docs/v14/online/SpreadJS~GC.Spread.Sheets.DataValidation~createTextLengthValidator.html


[ValidationError]

https://www.grapecity.com/spreadjs/docs/v14/online/SpreadJS~GC.Spread.Sheets.Events~ValidationError_EV.html


[데이터 유효성 검사 데모]

https://demo.grapecity.co.kr/spreadjs/learn-spreadjs/features/cells/data-validation/basic-data-validator/vue 


참고용으로 도움말 및 저희 쪽 데모를 전달 드리며 다른 궁금한 점이 생기면, 문의 주시기 바랍니다.


감사합니다.

그레이프시티 드림


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

댓글목록

등록된 댓글이 없습니다.

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