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

이벤트 기반 유효성 검사 class 추가 문의 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

VueJS 이벤트 기반 유효성 검사 class 추가 문의

페이지 정보

작성자 jw2504 작성일 2022-01-11 10:00 조회 1,878회 댓글 0건
제품 버전 : 5.20212.812
컨트롤 이름 : CollectionView

본문


안녕하세요


이벤트 기반 유효성 검사 데모를 이용하여 개발중인데요


에러 발생 시 CollectionView 유효성 검사 데모처럼 alert 대신 셀에 툴팁과 빨간색 테두리가 입혀지는 class를 적용하고 싶은데 방법이 있는지 문의드립니다.



[참고 데모]

https://demo.grapecity.co.kr/wijmo/learn-wijmo/Grid/Editing/CollectionViewValidation/vue


https://demo.grapecity.co.kr/wijmo/learn-wijmo/Grid/Editing/Validation/vue

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

댓글목록

등록된 댓글이 없습니다.

1 답변

VueJS Re: 이벤트 기반 유효성 검사 class 추가 문의

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

페이지 정보

작성자 GCK루시 작성일 2022-01-11 17:57 댓글 0건

본문

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


문의 주신 내용과 관련하여 답변 드리고자 메일 보내 드립니다.

먼저, 이벤트 기반 유효성 검사에서 단순하게 class를 통해 스타일은 추가할 수 있지만, 이외에 툴팁 메세지가 나오도록 하기 위해서 getError 속성을 사용 하셔야 하기 때문에, 기존 CollectionView 유효성 검사를 사용을 하시는 것을 추천 드립니다.

이외에 셀 메모 및 addClass, removeClass를 이용하여 getError 속성을 사용하지 않고 툴팁 및 스타일을 설정하는 샘플을 아래에 공유 드리오니 참고 부탁 드립니다. 샘플에서 sales 열에 음수 값이 설정되었을 때, 스타일이 변경되는 것을 확인하실 수 있습니다.

 


- 셀메모 : https://demo.grapecity.co.kr/wijmo/learn-wijmo/Grid/CustomCells/CellNotes/purejs

- addClass : https://demo.grapecity.co.kr/wijmo/api/index.html#addclass

- removeClass : https://demo.grapecity.co.kr/wijmo/api/index.html#removeclass


데모 및 도움말 문서를 같이 전달 드리며 다른 궁금한 점이 생기면, 언제든 문의 주시기 바랍니다.


감사합니다. 

그레이프시티 드림 



* 그레이프시티(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.