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

treeview 사용시 체크된 부모의 값가져오기 > Q&A | 토론

본문 바로가기

PureJS treeview 사용시 체크된 부모의 값가져오기

페이지 정보

작성자 dounur 작성일 2023-02-27 16:07 조회 651회 댓글 0건
제품 버전 : 위즈모
컨트롤 이름 : treeview

본문

https://demo.grapecity.co.kr/wijmo/learn-wijmo/Nav/TreeView/Nodes/Checkboxes/purejs
위 데모에서 Phone 체크시 Phones 하위 체크되어 있는 값을 가져오는데요 상위 값인 Phones 값은 안 가져오는데요 checkedItems에도 상위값이 없는데 상위값을 가져오는 방법을 알고 싶습니다.

Phones클릭시 아래와 같이 가져올수 있는 방법을 알고 싶습니다.

     Phones 

       Apple

       Motorola 

       Nokia

       Samsung

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

댓글목록

등록된 댓글이 없습니다.

2 답변

PureJS Re: treeview 사용시 체크된 부모의 값가져오기

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

페이지 정보

작성자 GCK루시 작성일 2023-03-02 08:25 댓글 1건

본문

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


해당 기능을 구현하기 위해서는 현재 선택된 데이터 항목을 가져오거나 설정하는 selectedItem 속성을 이용하시면 됩니다. 아래 간단한 코드를 공유드리오니 참고 부탁드립니다.


  checkedItemsChanged: (sender) => {
            let items = sender.selectedItem.items, msg = '';
            if (items.length) {
                msg = '<p><b>Checked Items:</b></p><ol>\r\n';
                msg += '<h2>' + sender.selectedItem.header + '</h2>\r\n' //현재 선택된 header
                for (let i = 0; i < items.length; i++) {
                    msg += '<li>' + items[i].header + '</li>\r\n';
                }
                msg += '</ol>';
            }
            //
            document.getElementById('tvChkStatus').innerHTML = msg;
   }


- selectedItem API 문서


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


감사합니다.

그레이프시티 드림

댓글목록

dounur님의 댓글

dounur 작성일

해당 방법은 선택되어 있을때만 사용이 가능한데요. 그게 아니라 최종적으로 Electrorics, Toys, Homes 를 체크했을때 
전체 항목을 가져오는 방법을 알고 싶습니다.

PureJS Re: treeview 사용시 체크된 부모의 값가져오기

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

페이지 정보

작성자 GCK루시 작성일 2023-03-02 09:19 댓글 0건

본문

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


중첩된 모든 데이터 항목을 가져오고 싶으신 경우, 반복문을 이용하여 모든 노드를 반환하는 메서드를 생성 및 호출하시면 됩니다. 코드는 아래 샘플에서 확인하실 수 있습니다.



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


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

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