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

InputNumber 컴포넌트의 submit 이슈 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

ReactJS InputNumber 컴포넌트의 submit 이슈

페이지 정보

작성자 yallu201 작성일 2021-07-05 15:56 조회 4,379회 댓글 0건
제품 버전 : 5.20201.680
컨트롤 이름 : InputNumber

본문

첨부파일

안녕하세요 Input 컴포넌트 사용 중 이슈 문의드립니다.


상황:

<form onSubmit={callback}>

<InputNumber/>

<input type="submit"/>

</form>


증상: 

InputNumber 포커스(혹은 값입력) 이후 enter 키 입력 시 

form 태그에 전달한 callback이 실행되지 않습니다.


PS. 기타 Input 컴포넌트( InputMask, InputDate, MultiSelect )등에서는 해당 이슈가 발생하지 않습니다.


답변 기다리겠습니다. 감사합니다.

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

댓글목록

등록된 댓글이 없습니다.

1 답변

ReactJS Re: InputNumber 컴포넌트의 submit 이슈

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

페이지 정보

작성자 GCK루시 작성일 2021-07-07 16:57 댓글 1건

본문

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


문의 주신 내용와 관련하여 본사 개발팀에 보고되어 확인 중에 있습니다. 업데이트 되는 사항이 있는대로 안내 드리도록 하겠습니다. 답변이 늦어지는 점 죄송합니다.


다만, input 컨트롤에 이벤트 리스너를 추가하고 입력 키 이벤트를 통해 form submit 처리를 하실 수 있습니다. 아래 코드 스니펫은 "keyup" 이벤트에서 enter를 눌렀을 때(Key Code가 13), submit 함수를 실행하는 코드 입니다.


  initialized = (s) => {
    s.hostElement.addEventListener("keyup", function (event) {
      if (event.keyCode === 13) {
        document.querySelector('form').submit()
      }
    });
  }


샘플도 같이 전달 드리오니 참고 부탁 드립니다.



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


감사합니다. 

그레이프시티 드림 


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

댓글목록

GCK루시님의 댓글

GCK루시 작성일

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

먼저 안내가 늦어진 점 죄송드립니다.
본사 개발팀에서 해당 이슈의 경우, 2021 v3(5.20213.824) 버전부터 수정 및 업데이트 처리를 하였으며
해당 버전으로 업그레이드 및 사용 하시길 바랍니다.
추가로 문의가 필요하신 경우 새로 문의를 작성해 주시기 바랍니다.

감사합니다.
그레이프시티 드림

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