트리뷰를 팝업으로 호출하고 더블 클릭할때 선택값을 전달하고 창을 닫는 기능 문의 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

ReactJS 트리뷰를 팝업으로 호출하고 더블 클릭할때 선택값을 전달하고 창을 닫는 기능 문의

페이지 정보

작성자 토끼바람 작성일 21-09-17 09:15 조회 112회 댓글 0건
제품 버전 : 5.20211.794
컨트롤 이름 : TreeView

본문

팝업에 트리뷰를 표시하고 트리뷰를 더블 클릭할때 선택한(더블클릭) 아이템의 정보를 원래 화면에 값으로 전달하고

팝업 창을 닫고 싶습니다.


1. API를 찾아보니 더블클릭 이벤트가 없던데 어떻게 해야 하는지요


2. 창을 닫는 기능을 호출 햇는데 에러가 발생하네요.


---------------------------------------------------------

const [frmPopup, setFrmPopup] = useState();

const initParentMenu=(sender)=>{

        setFrmPopup(sender)

    }

<wjInput.Popup id="frmParentMenu" initialized={initParentMenu}>

                <h4 className="modal-header">Select Menu<button type="button" className="close wj-hide">&times;</button></h4>

                <div className="modal-body">

                    <wjNav.TreeView 

                        itemsSource={menuPopUpData} 

                        displayMemberPath="menuName" 

                        childItemsPath="items" 

                        itemClicked={onPopupItemClciked}

                        allowDragging={false}

                        autoCollapse={false}

                        isReadOnly={true}

                        />

                </div>

                

            </wjInput.Popup>


const onPopupItemClciked =(event)=>{

       frmPopup.hide(); /// 에러 발생

    }

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

댓글목록

등록된 댓글이 없습니다.

2 답변

ReactJS Re: 트리뷰를 팝업으로 호출하고 더블 클릭할때 선택값을 전달하고 창을 닫는 기능 문의

페이지 정보

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

본문

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


문의 주신 내용에 대해 답변 드립니다.

1.  API를 찾아보니 더블클릭 이벤트가 없던데 어떻게 해야 하는지요

=>  컨트롤은 HTML 요소 안에 포함되어 있으므로, TreeView 컨트롤의 hostElement에 addEventListener 메서드를 사용하여 이벤트 핸들러를 추가하실 수 있습니다.

아래 코드 스니펫을 참고하여 주시길 바랍니다.

function initialized(s) {
    s.hostElement.addEventListener("dblclick", function (e) {
      console.log("doubleclick");
    });
  }
(....)
<wjNav.TreeView
(...)
initialized={initialized}
></wjNav.TreeView>


2. 해당 현상의 경우, useState에서 팝업 인스턴스에 대한 상태가 업데이트 되지 않아 에러가 나타나는 것으로 확인 됩니다. 이와 관련하여 현재 확인 중에 있으며 업데이트 되는 대로 안내 드리도록 하겠습니다.


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



감사합니다. 

그레이프시티 드림 



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



댓글목록

등록된 댓글이 없습니다.

ReactJS Re: 트리뷰를 팝업으로 호출하고 더블 클릭할때 선택값을 전달하고 창을 닫는 기능 문의

페이지 정보

작성자 GCK루시 작성일 21-09-27 10:20 댓글 0건

본문

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


이전 문의 내용에 이여서 답변 드립니다.

2. 창을 닫는 기능을 호출 햇는데 에러가 발생하네요. 

=>  해당 에러가 발생한 이유는 그리드 초기화 시 이벤트 listener가 연결되었을 때, "frmPopup"이  listener가 닫힐 때 저장되는 빈 값을 가지고 있었기 때문입니다. 따라서 가장 최근에 업데이트된 값을 listener 내에서 사용할 수 없게 되었으며 이를 해결하기 위해서 useRef()를 사용하여 "frmPopup"의 현재 값을 이용하는 것입니다.  "frnPopup" 값이 업데이트 될 때마다 "frmPopup.current" 값도 업데이트됩니다. 아래 샘플을 참고하여 주시길 바랍니다.



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


감사합니다. 

그레이프시티 드림 


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