treeview 예제

이 예제에서는 위의 코드를 자세히 설명했으며 루프와 일부 난수 논리를 사용하여 더 큰 트리를 빌드했습니다. 실험할 수 있는 몇 가지 추가 이벤트 처리기를 정리했습니다. 또한 전체 스니펫을 익명 함수로 래핑했습니다. 다음은 TreeView를 생성하는 데 사용하는 JavaScript의 전체 소스입니다: TreeView 컨트롤에 대한 이 간단한 예제에서는 페이지의 대상

시작하며, 대상

트리가 빌드되는 위치입니다. 다음보다 복잡한 코드 예제에서는 TreeView 컨트롤에 고객 정보를 표시합니다. 루트 트리 노드는 고객 이름을 표시하고 자식 트리 노드는 각 고객에게 할당된 주문 번호를 표시합니다. 이 예제에서는 각각 15개의 주문으로 1,000명의 고객이 표시됩니다. TreeView의 다시 그리기는 BeginUpdate 및 EndUpdate 메서드를 사용하여 억제되고 TreeView가 TreeNode 개체를 만들고 페인트하는 동안 대기 커서가 표시됩니다. 이 예제에서는 Order 개체컬렉션을 보유할 수 있는 Customer 개체가 있어야 합니다.

또한 응용 프로그램 디렉터리에서 MyWait.cur라는 커서 파일이 있고 양식에서 TreeView 컨트롤의 인스턴스를 만들어야 합니다. WinForms 또는 다른 UI 라이브러리에서 오는 사람들의 일반적인 요청 중 하나는 TreeView 항목의 텍스트 레이블 옆에 이미지를 표시 하는 기능입니다. TreeView는 이 시나리오에 대해 정확하게 빌드되므로 WinForms를 사용하면 매우 쉽습니다. WPF TreeView를 사용하면 조금 더 복잡하지만 WinForms TreeView에서 얻을 수있는 것보다 훨씬 더 많은 유연성을 얻을 수 있습니다. 다음은 첫 번째 태그가 TreeView 컨트롤의 자식이고 자식 개체가 상위 개체에 대한 자식 태그인 XAML에서 직접 TreeViewItem 개체를 표시하려는 구조에서 선언하는 예입니다. 각 노드에 대해 표시할 텍스트를 지정하려면 Header 속성을 사용합니다. 기본적으로 TreeViewItem확장 되지 않습니다 하지만 예제의 구조를 표시 하기 위해 두 부모 항목을 확장 하는 IsExpanded 속성을 사용 했습니다. 난 그냥 당신이 얻을 유연성의 종류를 보여주기 위해, 여기에 것들의 전체 무리를했다 : 나는 자식 항목을 착색하고 나는 부모 항목에 이미지와 심지어 버튼을 추가. 간단한 태그로 모든 것을 정의하기 때문에 거의 모든 작업을 수행 할 수 있지만 예제 코드에서 볼 수 있듯이 총 6 개의 노드가있는 트리에 대한 엄청난 양의 XAML 코드가 제공됩니다. 위의 예제에서와 마찬가지로 태그를 사용하여 전체 TreeView를 정의하는 것은 전적으로 가능하지만 대부분의 경우 가장 좋은 방법은 아니며 코드 뒤에서 대신 코드 뒤에서 수행할 수 있지만 더 많은 코드 줄이 생겼을 것입니다.