Microsoft MVP성태의 닷넷 이야기
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일

데이터 바인딩된 트리에서 부모 노드 찾는 방법


이전 WinForm 시절에는 보통 TreeView를 사용할 때 해당 TreeViewItem을 직접 조작했기 때문에 부모 노드를 찾는 방법이 간단했습니다.

그런데, WPF로 오면서 데이터 바인딩을 하는 방식에서는 TreeViewItem의 직접적인 노출이 지양되어 SelectedItem을 구해도 바인딩된 타입만 나올 뿐 TreeViewItem을 구할 수 없습니다.

물론, 좀 까다롭긴 하지만 구하는 방법이 있습니다.

Getting TreeViewItem's From Data Bound Items
; http://www.michaelbraude.com/2008/02/getting-treeviewitem-from-data-bound.html

WPF는 트리의 각 노드별로 ItemContainerGenerator를 가지고 있고 그 generator를 이용하면 해당 노드의 자식 TreeViewItem을 구할 수 있습니다. 일례로, 다음과 같은 트리 구조가 있을 때,

Root0
   Child0
   Child1
   Child2

Root1

만약, Child1에 해당하는 TreeViewItem을 구하고 싶다면 다음과 같은 식으로 TreeViewItem을 구해올 수 있습니다.

TreeViewItem root0Item = this.treeView.ItemContainerGenerator.ContainerFromIndex(0) 
                           as TreeViewItem;

TreeViewItem child1Item = root0Item.ItemContainerGenerator.ContainerFromIndex(1)
                           as TreeViewItem;
        // 또는 ContainerFromItem를 사용하면 데이터 인스턴스로부터 TreeViewItem을 구함.

따라서, 데이터 바인딩된 인스턴스의 TreeViewItem을 구하고 싶다면, 최상단 트리로부터 재귀적으로 탐색을 하면서 찾아가야 합니다. 여간 귀찮은 작업이 아닐 수 없지요.




이제, 해당 인스턴스의 TreeViewItem을 구했다고 가정하고.
그렇다면 그 노드의 상위 노드를 구해야 한다면 또 어떻게 해야 할까요? 다시 재귀적으로 탐색을 하던가, 아니면 이전에 탐색을 했을 때 부모 노드까지 같이 저장해 두면 해결이 됩니다.

간혹, 아래와 VisualTreeHelper로 TreeViewItem의 부모 노드를 찾으려고 하는 분들이 있는데요. 그런 분들은 아래의 글에 달린 댓글을 보시기 바랍니다.

Get a TreeViewItem’s Parent item
; http://quickduck.com/blog/2009/09/15/get-a-treeviewitems-parent-item/

즉, 운영체제별로, 그리고 그 운영체제에서 사용되는 테마에 따라서, 혹은 WPF Designer가 재작성한 스타일에 따라서 Visual Tree는 얼마든지 바뀔 수 있기 때문에 단순히 TreeViewItem의 "한 단계"만 VisualTreeHelper.GetParent 하시면 안됩니다. 역시 그것도 상위로 계속 루프를 돌면서 인스턴스가 TreeViewItem이 나올 때까지 계속해야 합니다.




어쩄든, 결론은... ^^; 너무 복잡합니다. 그냥 데이터 바인딩만 시키면 알아서 자동으로 되면 좋지 않을까요?
이에 대한 해답은 예전의 글에서 이미 소개해 드린 것이나 다름없습니다.

WPF - TreeView 자동 스크롤 기능 해지
; https://www.sysnet.pe.kr/2/0/781

즉, 트리 스스로 TreeViewItem이 생성될 때마다 자신의 부모 노드를 기록해 놓는 것입니다.

public class ParentChildTreeView : TreeView
{
    public class ParentChildTreeViewItem : TreeViewItem
    {
        public ParentChildTreeViewItem()
            : base()
        {
        }

        protected override void PrepareContainerForItemOverride(DependencyObject element, object item)
        {
            base.PrepareContainerForItemOverride(element, item);

            ITreeViewParentLink support = item as ITreeViewParentLink;
            if (support == null)
            {
                return;
            }

            support.ParentItem = ItemsControl.ItemsControlFromItemContainer(element) as TreeViewItem;
        }

        protected override DependencyObject GetContainerForItemOverride()
        {
            return new ParentChildTreeViewItem();
        }
    }

    protected override DependencyObject GetContainerForItemOverride()
    {
        return new ParentChildTreeViewItem();
    }
}

이렇게 재정의된 ParentChildTreeView를 사용하게 되면, 다음과 같이 간단하게 부모 노드를 구해올 수 있습니다.

private void treeView_SelectedItemChanged(object sender, RoutedPropertyChangedEventArgs<object> e)
{
    MyClassT myClass = e.NewValue as MyClassT;
    if (myClass.ParentData == null)
    {
        // 부모 노드가 없는 최상위 노드
        return;
    }

    // 부모 노드의 Name 속성을 출력
    Debug.WriteLine(myClass.ParentData.Name);
}

이를 활용하면, 일반적인 .NET Entity 클래스의 계층 구조를 표현할 때 WPF TreeView를 붙여줌으로써 자동적으로 부모/자식 관계를 해결하는 것도 가능합니다. ^^

첨부 파일은 위의 코드를 테스트 해 볼 수 있는 간단한 프로젝트입니다.



[이 토픽에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]







[최초 등록일: ]
[최종 수정일: 4/11/2022]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer at outlook.com

비밀번호

댓글 작성자
 



2018-03-29 08시11분
[최병철] 아, WPF 의 트리뷰가 진입장벽이 이렇게 높을 줄은 몰랐습니다.

TreeViewItem root0Item = this.treeView.ItemContainerGenerator.ContainerFromIndex(0) as TreeViewItem;
// 이 코드가 아주 도움이 되었습니다.

아이템을 코드로 선택하는 것 조차도 어떨 때는 되고, 어떨 때는 null 을 반환했던 것이 바로 말씀하신 아래의 내용때문이었군요.

"WPF는 트리의 각 노드별로 ItemContainerGenerator 를 가지고 있고 그 generator를 이용하면 해당 노드의 자식 TreeViewItem을 구할 수 있습니다"


CotainerFromIndex 말고,
ContainerFromItem 함수를 호출할 때, rootitem 이외에는 왜 null 을 반환하는지 알게되었습니다.
정말 감사합니다. 아~ 후련해!
[guest]

... [91]  92  93  94  95  96  97  98  99  100  101  102  103  104  105  ...
NoWriterDateCnt.TitleFile(s)
11694정성태9/17/201821135오류 유형: 486. nuget push 호출 시 405 Method Not Allowed 오류 발생
11693정성태9/16/201823577VS.NET IDE: 128. Unity - shader 코드 디버깅 방법
11692정성태9/13/201824316Graphics: 22. Unity - shader의 Camera matrix(UNITY_MATRIX_V)를 수작업으로 구성
11691정성태9/13/201820901VS.NET IDE: 127. Visual C++ / x64 환경에서 inline-assembly를 매크로 어셈블리로 대체하는 방법 - 두 번째 이야기
11690정성태9/13/201824334사물인터넷: 43. 555 타이머의 단안정 모드파일 다운로드1
11689정성태9/13/201823276VS.NET IDE: 126. 디컴파일된 소스에 탐색을 사용하도록 설정(Enable navigation to decompiled sources)
11688정성태9/11/201818442오류 유형: 485. iisreset - The data is invalid. (2147942413, 8007000d) 오류 발생
11687정성태9/11/201821168사물인터넷: 42. 사물인터넷 - 트랜지스터 다중 전압 테스트파일 다운로드1
11686정성태9/8/201820145사물인터넷: 41. 다중 전원의 소스를 가진 회로파일 다운로드1
11685정성태9/6/201820032사물인터넷: 40. 이어폰 소리를 capacitor로 필터링파일 다운로드1
11684정성태9/6/201822648개발 환경 구성: 396. pagefile.sys를 비활성화시켰는데도 working set 메모리가 줄어드는 이유파일 다운로드1
11683정성태9/5/201820368개발 환경 구성: 395. Azure Web App의 이벤트 로그를 확인하는 방법
11682정성태9/5/201819242오류 유형: 484. Fakes를 포함한 단위 테스트 프로젝트를 빌드 시 CS1729 관련 오류 발생
11681정성태9/5/201822052Windows: 149. 다른 컴퓨터의 윈도우 이벤트 로그를 구독하는 방법 [2]
11680정성태9/2/201824041Graphics: 21. shader - _Time 내장 변수를 이용한 UV 변동 효과파일 다운로드1
11679정성태8/30/201822191.NET Framework: 792. C# COM 서버가 제공하는 COM 이벤트를 C++에서 받는 방법 [1]파일 다운로드1
11678정성태8/29/201820640오류 유형: 483. 닷넷 - System.InvalidProgramException [1]
11677정성태8/29/201818319오류 유형: 482. TFS - Could not find a part of the path '...\packages\Microsoft.AspNet.WebApi.5.2.5\.signature.p7s'.
11676정성태8/29/201829321.NET Framework: 791. C# - ElasticSearch를 위한 Client 라이브러리 제작 [1]파일 다운로드1
11675정성태8/29/201819404오류 유형: 481. The located assembly's manifest definition does not match the assembly reference.
11674정성태8/29/201820645Phone: 12. Xamarin - 기존 리모컨 기능을 핸드폰의 적외선 송신으로 구현파일 다운로드1
11673정성태8/28/201818712오류 유형: 480. Fritzing 실행 시 Ordinal Not Found 오류
11672정성태8/28/201818457오류 유형: 479. 윈도우 - 시스템 설정에서 도메인 참가를 위한 "Change" 버튼이 비활성화된 경우
11671정성태8/28/201824959사물인터넷: 39. 아두이노에서 적외선 송신기 기본 사용법파일 다운로드1
11670정성태8/28/201823735사물인터넷: 38. 아두이노에서 적외선 수신기 기본 사용법 [1]파일 다운로드1
11669정성태8/24/201822471개발 환경 구성: 394. 윈도우 환경에서 elasticsearch의 한글 블로그 검색 인덱스 구성
... [91]  92  93  94  95  96  97  98  99  100  101  102  103  104  105  ...