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)
11619정성태7/21/201823141Graphics: 10. Unity로 실습하는 Shader (6) - Mosaic Shading
11618정성태7/20/201819842개발 환경 구성: 387. 삼성 오디세이(Odyssey) 노트북의 운영체제를 새로 설치하는 방법
11617정성태7/20/201820452Team Foundation Server: 50. TFS 소스 코드 관리 기능 (5) - "Rollback", "Rollback Entire Changeset"
11616정성태7/17/201819532Graphics: 9. Unity Shader - 전역 변수의 초기화
11615정성태7/17/201823949.NET Framework: 788. RawInput을 이용한 키보드/마우스 입력 모니터링파일 다운로드1
11614정성태7/17/201826906Graphics: 8. Unity Shader - Texture의 UV 좌표에 대응하는 Pixel 좌표
11613정성태7/16/201823386Graphics: 7. Unity로 실습하는 Shader (5) - Flat Shading
11612정성태7/16/201821352Windows: 148. Windows - Raw Input의 Top level collection 의미
11611정성태7/15/201821721Graphics: 6. Unity로 실습하는 Shader (4) - 퐁 셰이딩(phong shading)
11610정성태7/15/201819116Graphics: 5. Unity로 실습하는 Shader (3) - 고로 셰이딩(gouraud shading) + 퐁 모델(Phong model) + Texture
11609정성태7/15/201822173Graphics: 4. Unity로 실습하는 Shader (2) - 고로 셰이딩(gouraud shading) + 퐁 모델(Phong model)
11608정성태7/15/201825823Graphics: 3. Unity로 실습하는 Shader (1) - 컬러 반전 및 상하/좌우 뒤집기
11607정성태7/14/201826193Graphics: 2. Unity로 실습하는 Shader [1]
11606정성태7/13/201827011사물인터넷: 19. PC에 연결해 동작하는 자신만의 USB 장치 만들어 보기파일 다운로드1
11605정성태7/13/201823373사물인터넷: 18. New NodeMCU v3 아두이노 호환 보드의 내장 LED 및 입력 핀 사용법 [1]파일 다운로드1
11604정성태7/12/201822361Math: 47. GeoGebra 기하 (24) - 정다각형파일 다운로드1
11603정성태7/12/201817614Math: 46. GeoGebra 기하 (23) - sqrt(n) 제곱근파일 다운로드1
11602정성태7/11/201818209Math: 45. GeoGebra 기하 (22) - 반전기하학의 원에 관한 반사변환파일 다운로드1
11601정성태7/11/201821229Math: 44. GeoGebra 기하 (21) - 반전기하학의 직선 및 원에 관한 반사변환파일 다운로드1
11600정성태7/10/201819871Math: 43. GeoGebra 기하 (20) - 세 점을 지나는 원파일 다운로드1
11599정성태7/10/201818791Math: 42. GeoGebra 기하 (19) - 두 원의 안과 밖으로 접하는 직선파일 다운로드1
11598정성태7/10/201820997Windows: 147. 시스템 복구 디스크를 USB 디스크에 만드는 방법
11597정성태7/10/201823240사물인터넷: 17. Thinary Electronic - ATmega328PB 아두이노 호환 보드의 개발 환경 구성
11596정성태7/10/201820642기타: 72. 과거의 용어 설명 - OWIN
11595정성태7/10/201826132사물인터넷: 16. New NodeMCU v3 아두이노 호환 보드의 기본 개발 환경 구성
11594정성태7/8/201821051Math: 41. GeoGebra 기하 (18) - 원의 중심 및 접선파일 다운로드1
... 91  92  93  [94]  95  96  97  98  99  100  101  102  103  104  105  ...