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

column width 늘린경우 클릭시 시작부분으로 이동하는 문제 > Q&A | 토론

본문 바로가기

ReactJS column width 늘린경우 클릭시 시작부분으로 이동하는 문제

페이지 정보

작성자 나무하늘 작성일 2023-06-29 17:21 조회 328회 댓글 2건
제품 버전 : 5.20221.842
컨트롤 이름 : FlexGridCellTemplate

본문

                         <FlexGridCellTemplate

                            cellType="Cell"
                            template={(context: any) => {
                                    return data.map((zt: any, idx: number)=>
                                        (<span onClick={e => openPopup()}>
                                        </span>)
                                    );
                                }
                            }}
                        />


안녕하세요, 위와 같이 C라는 컬럼안 여러 span값에 팝업을 열 수 있는 이벤트를 등록하였는데

이 데이터가 많아져서 사용자가 컬럼 width를 화면 영역 보다 넓게 늘린경우 ,

데이터를 클릭하여도 해당 이벤트가 작동하지 않고 C컬럼의 시작부분으로 가로 스크롤이 자동으로 

이동합니다.


버블현상이 나타나나 싶어 

e.preventDefault();
e.stopPropagation();
를 그리드, 데이터 이벤트에 줘보았는데도 계속 같은 현상이 나타나네요.

 



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

댓글목록

삭제된 댓글

나무하늘 작성일

삭제된 댓글 입니다.

나무하늘님의 댓글

나무하늘 작성일

그리드 포커스 이동하는 이벤트가 mousedown에 걸려있네요.
span에 onClick 대신 onMouseDown 사용해서 해결하였습니다.

1 답변

ReactJS Re: column width 늘린경우 클릭시 시작부분으로 이동하는 문제

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

페이지 정보

작성자 GCK루시 작성일 2023-07-03 15:39 댓글 0건

본문

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


문의가 해결되었다니 다행입니다.

내용 공유 감사드리며, 해당 문의 건은 완료 처리하도록 하겠습니다.


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


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

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