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

multirow custom input > Q&A | 토론

본문 바로가기

ReactJS multirow custom input

페이지 정보

작성자 태호 작성일 2023-12-11 12:23 조회 164회 댓글 0건
제품 버전 : ㄹ
컨트롤 이름 : MultiRowCellTemplate

본문

MultiRow 셀 템플릿으로 edit input을 저희 프로젝트 컴포넌트로 사용중

datepicker 캘린더가 팝업으로 떴을때 팝업 내부 클릭이벤트 발생 시 edit모드가 풀리는걸 막고싶습니다


*기존 위즈모에서 제공하는 input은 사용할 수 없습니다

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

댓글목록

등록된 댓글이 없습니다.

4 답변

ReactJS Re: multirow custom input

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

페이지 정보

작성자 MESCIUS루시 작성일 2023-12-13 10:47 댓글 3건

본문

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


Wijmo 기본 컨트롤과 기능이 아닌 커스터마이징한 요소를 할당하여 사용할 경우, 그리드 동작에 제한이 생길 수 있습니다. 따라서 말씀하신 동작을 설정하기 위해서는 셀 템플릿보다는 prepareCellForEdit 및 cellEditEnding 이벤트를 이용해보시기 바랍니다. 자세한 코드는 아래 샘플에서 확인할 수 있습니다. 



더불어 현재 말씀하신 Wijmo가 아닌 자체적으로 구현한 코드는 저희 쪽에서 정확한 확인이 어렵기 때문에 해당 샘플을 이용하여 고객님의 로직에 맞게 수정 및 적용해보시기 바랍니다.


- prepareCellForEdit API 문서

- cellEditEnding API 문서


관련 API 문서를 공유드리며 다른 궁금한 점이 생기면 문의주시기 바랍니다.


감사합니다.

메시어스 드림

댓글목록

태호님의 댓글

태호 작성일

wijmo 드롭다운 패널을 누르면 cell 외부여도 edit 상태가 유지되는것처럼 다른 컴포넌트에 적용할방법이없나요

MESCIUS루시님의 댓글의 댓글

MESCIUS루시 작성일

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

문의하신 내용이 multiRow에서 cellTemplate을 통해 설정된 컴포넌트에서도 위의 샘플처럼 edit모드가 유지되고 싶다는 것이 맞으실까요? 공유드린 샘플의 경우에도 Wijmo 컨트롤이 아닌 일반 input 태그를 이용한 방법이긴 하나 만약 맞으시다면 관련하여 본사 개발팀에 다른 방법이 있는지 추가 확인해보도록 하겠습니다.

감사합니다.
메시어스 드림

태호님의 댓글

태호 작성일

input type='date'가 아닌 위 와 같은 방식으로 팝업창이 뜨는 datepicker를 사용중인데
팝업 내부 클릭 시 셀의 edit 모드가 해제됩니다
일반 input이나 위즈모의 input 팝업 내부는 클릭시 해당 셀의 edit모드가 풀리지않습니다

ReactJS Re: multirow custom input

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

페이지 정보

작성자 MESCIUS루시 작성일 2023-12-18 13:21 댓글 0건

본문

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


문의하신 내용과 관련하여 일반적인 input이나 Wijmo 컨트롤이 아닌 자체 컴포넌트를 이용하여 지속적으로 문제가 되는 경우, 저희 쪽에서 재현이 어려워 정확한 답변이 어렵습니다. 


간단한 샘플을 공유드리오니 해당 샘플과 비교하여 문제가 발생하는 요소를 추가하신 후, 저희 쪽으로 재현 가능한 샘플 공유를 부탁 드립니다.


공유해주신 샘플을 바탕으로 재현 및 디버깅 후, 답변 드릴 수 있도록 하겠습니다.



감사합니다.

메시어스 드림

댓글목록

등록된 댓글이 없습니다.

ReactJS Re: multirow custom input

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

페이지 정보

작성자 태호 작성일 2023-12-18 13:33 댓글 3건

본문

댓글목록

태호님의 댓글

태호 작성일

edit 컴포넌트 모달 클릭 시 edit 해제됩니다

MESCIUS루시님의 댓글의 댓글

MESCIUS루시 작성일

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

공유 감사드리며 해당 현상이 저희 쪽에서도 재현이 되어 내용 확인 후 답변드리도록 하겠습니다.

감사합니다.
메시어스 드림

태호님의 댓글

태호 작성일

안녕하세요 답변이 얼마나 걸릴까요

ReactJS Re: multirow custom input

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

페이지 정보

작성자 MESCIUS루시 작성일 2023-12-26 08:19 댓글 0건

본문

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


먼저 오랜 기간 기다려주신 점 감사합니다.

본사 개발팀에 확인해본 결과, 날짜 선택기를 클릭할 때 그리드에서 포커스가 유지되기 위해서는 ReactDatePicker를 div 요소로 감싸주셔야 합니다. (해당 div 요소는 드롭다운이 렌더링될 위치가 됩니다.) 그 다음 날짜 선택기를 클릭할 때 MultiRow에서 mousedown 이벤트를 이용하여 preventDefault() 및 stopPropagation() 메서드를 호출해야 합니다. 


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


 


감사합니다.

메시어스 드림


댓글목록

등록된 댓글이 없습니다.

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