wijmo & angular formGroup 관련 문의 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

Angular wijmo & angular formGroup 관련 문의

페이지 정보

작성자 초코파이 작성일 21-09-17 21:55 조회 136회 댓글 0건
제품 버전 : wijmo 5.20211 + angular 11.0.9
컨트롤 이름 : wijmo wj-combo-box, angular formGroup

본문



wijmo 와 angular로 웹사이트를 만들고 있는 중에 반응형 폼이라는 가이드 샘플을 보게되었습니다.


유효성 체크 및 form value값을 간단하게 json처리하는 것을 보고 따라 해보았는데요.


[샘플 가이드 URL]


위 샘플에서는 input 값이 변경되면 form value도 같이 변경이 되는데요..


해당 샘플의 wijmo(5.20183.550-nightly.d20181123.t2200)와 angular(7.1.0) 버전에는 동작하던것이


wijmo (5.20211)와 anguar (11.0.9) 버전에서는 동작하지 않습니다.


혹시 최신버전의 위즈모와 angular에서도 샘플과 같은 동작을 할 수 있는 방법이 있을까요?


AbstractControlOptions의 updateOn 을 설정해도 되지 않았습니다.


[샘플]

 2911d7655a55c847470203a5abc06aa4_1631883646_1111.jpg


[최신버전으로 install한 샘플]

 2911d7655a55c847470203a5abc06aa4_1631883646_0296.jpg


2021-09-21 추가

ps.1) wj-input-mask 로 변경 시 reactive formcontrolname 이 동작함


ps.2) ngNativeValidate 사용 시 아래와 같은 콘솔 오류 

2911d7655a55c847470203a5abc06aa4_1632204771_6831.jpg
 

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

댓글목록

등록된 댓글이 없습니다.

2 답변

Angular Re: wijmo & angular formGroup 관련 문의

페이지 정보

작성자 GCK루시 작성일 21-09-24 11:18 댓글 0건

본문

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


해당 내용의 경우, 현재 확인 중에 있으며 업데이트되는 대로 

안내 드릴 수 있도록 하겠습니다. 



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


감사합니다. 

그레이프시티 드림 




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


댓글목록

등록된 댓글이 없습니다.

Angular Re: wijmo & angular formGroup 관련 문의

채택채택

페이지 정보

작성자 GCK루시 작성일 21-09-28 17:15 댓글 1건

본문

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


먼저 답변이 늦어진 점 죄송합니다.

1. Wijmo 버전(5.20211.794)에서 구버전과 같은 Reactive Form 동작 문의

=> 해당 동작과 같이 구현하기 위해서는 모든 콤보박스 입력 텍스트 필드에 대해 데이터가 바인딩되도록 아래 코드와 같이 설정해 주시기 바랍니다.


[wjModelProperty]="text"

[wjModelProperty]

https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_angular2_input.wjcombobox.html#wjmodelproperty



2. ngNativeValidate 사용 시 아래와 같은 콘솔 오류 

=> 문의와 관련하여 경우, 몇 가지 시나리오에서 발생하게 됩니다. 여러 가지 이유로 유효성 검사가 트리거될 때 form 컨트롤에 초점을 맞추지 못하게 될 수 있으며 아래 두 가지 사항이 대표적인 원인입니다.


- 필드가 비즈니스 로직의 맥락에 따라 관련이 없을 때 입니다. 이러한 시나리오에서 각 컨트롤은 비활성화되거나 DOM에서 제거되거나 해당 포인트에 속성으로 표시되지 않아야 합니다.


- 사용자가 input에 Enter 키를 누를 때 조기 유효성 검사를 발생시키는 경우입니다. 또는 사용자가 컨트롤의 속성을 올바르게 정의하지 않은 form의 button/input 컨트롤을 클릭하는 경우입니다. button의 유형 속성이 button으로 설정되지 않은 경우, button 유효 속성의 기본값이 submit이기 때문에 버튼을 클릭할 때 마다 크롬(또는 다른 브라우저)가 유효성 검사를 수행하게 됩니다. 


해당 문제를 해결하기 위해서는 submit 도는 reset 이외의 다른 작업을 수행하는 버튼이 있는 경우, 항상 버튼 유형을 <button type="button">과 같이 설정해주시기 바랍니다.




더불어 샘플을 전달 드리오니 참고 부탁 드립니다.


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


감사합니다. 

그레이프시티 드림 




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