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

트리그리드에서 행선택이 되었을때 상세 정보를 다른 요소에 전달하는 방법 > Q&A | 토론

본문 바로가기
로그인

로그인후 이용해주세요

아직 회원이 아니신가요?

회원가입
로그인
MESCIUS 카카오톡 채널 추가
메시어스 +
카카오톡 채널 추가를 통해 MESCIUS의 최신 정보, 이벤트, 세미나 정보를 빠르게 받아 보실수 있습니다
홈 링크 페이스북 링크 유튜브 링크

Wijmo

Q&A | 토론

ReactJS 트리그리드에서 행선택이 되었을때 상세 정보를 다른 요소에 전달하는 방법

페이지 정보

작성자 토끼바람
프로필 보기 쪽지 보내기
작성일 2022-04-15 11:18 조회 2,110회 댓글 0건
제품 버전 : 5.20211.794
컨트롤 이름 : FlexGrid

본문

트리그리드를 사용하고 선택 방식은 행입니다.


  <FlexGrid
           
            autoGenerateColumns={false}
            anchorCursor={true}
            alternatingRowStep={0}
            allowResizing={"Both"}
            allowSorting={false}
            headersVisibility="Column"
                               
            selectionMode="Row"
            childItemsPath="items"
            columnGroups={gridColGroup}             // 그리드 포멧
            itemsSource={gridBodyData}              // 바인딩할 데이터
            initialized={initGrid}                  // 그리드 초기 이벤트 및 등록 처리
            selectionChanged={onSelectionChanged}
           
        >
        </FlexGrid>

이렇게 설정을 했더니 


The above error occurred in the <FlexGrid> component:


    at FlexGrid (http://localhost:3000/static/js/vendors-node_modules_grapecity_wijmo_react_grid_es5-esm_js.chunk.js:11876:14)

    at MenuMng (http://localhost:3000/static/js/src_pages_admin_MenuMng_js.chunk.js:55:56)

    at Suspense

    at OpenContents (http://localhost:3000/static/js/bundle.js:3103:5)

    at div

    at div

    at ContentsLayer (http://localhost:3000/static/js/bundle.js:3133:72)

    at div

    at MainLayer

    at MessageProvider (http://localhost:3000/static/js/bundle.js:2486:5)

    at App (http://localhost:3000/static/js/bundle.js:49:80)

    at Provider (http://localhost:3000/static/js/bundle.js:77200:20)

    at Router (http://localhost:3000/static/js/bundle.js:80074:30)

    at BrowserRouter (http://localhost:3000/static/js/bundle.js:79696:35)


이러한 에러가 발생하였습니다.


트리그리드에서 행선택 이벤트를 발생시키고 해당 행의 정보를 받아 다른 div에 표시를 하려면 어떻게 해야 되는지

문의합니다.


감사합니다.


#트리행선택 #행선택 #이벤트
  • 페이스북으로 공유
  • 트위터로 공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

2 답변

ReactJS Re: 트리그리드에서 행선택이 되었을때 상세 정보를 다른 요소에 전달하는 방법

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

페이지 정보

작성자 GCK루시
프로필 보기 쪽지 보내기
작성일 2022-04-18 14:04 댓글 0건

본문

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


먼저, 해당 이슈가 저희 쪽에서 재현이 되지 않아 정확한 원인 파악이 어려운 상황입니다. 아래 columnGroups 속성이 설정된 간단한 treeGrid 샘플을 공유 드리오니 참고 부탁 드립니다. 샘플에서는 selectionChanged 이벤트 내에서 행을 선택 시, 행의 dataItem 정보를 JSON.stringify 처리 후, 텍스트로 보여주고 있습니다. 만일 지속적으로 이슈 발생 시, 저희 쪽으로 재현 가능한 샘플을 공유 부탁 드립니다. 공유해 주신 샘플을 바탕으로 재현 및 디버깅 후, 답변 드릴 수 있도록 하겠습니다.


 


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


감사합니다. 

그레이프시티 드림 


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

댓글목록

등록된 댓글이 없습니다.

ReactJS Re: 트리그리드에서 행선택이 되었을때 상세 정보를 다른 요소에 전달하는 방법

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

페이지 정보

작성자 GCK루시
프로필 보기 쪽지 보내기
작성일 2022-10-31 16:33 댓글 0건

본문

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


문의 주신 내용과 관련하여 추가 회신이 없어 완료 처리하도록 하겠습니다.

추가로 궁금하신 사항이 있으신 경우, 새 글을 작성하여 문의주시기 바랍니다.


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기

카테고리

인기글

더보기

최신글

더보기

셀럽

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