■ TreeView 엘리먼트의 SelectionMode 속성을 사용해 복수 항목을 선택하는 방법을 보여준다.
※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다.
※ TestProject.csproj 프로젝트 파일에서 WindowsPackageType 태그를 None으로 추가했다.
▶ MainPage.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 |
<?xml version="1.0" encoding="utf-8"?> <Page x:Class="TestProject.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" FontFamily="나눔고딕코딩" FontSize="16"> <SplitView HorizontalAlignment="Center" VerticalAlignment="Center" DisplayMode="Inline" OpenPaneLength="300" IsPaneOpen="True"> <SplitView.Pane> <TreeView Name="treeView" SelectionMode="Multiple"> <TreeView.RootNodes> <TreeViewNode Content="Flavors" IsExpanded="True"> <TreeViewNode.Children> <TreeViewNode Content="Vanilla" /> <TreeViewNode Content="Strawberry" /> <TreeViewNode Content="Chocolate" /> </TreeViewNode.Children> </TreeViewNode> <TreeViewNode Content="Toppings"> <TreeViewNode.Children> <TreeViewNode Content="Candy"> <TreeViewNode.Children> <TreeViewNode Content="Chocolate" /> <TreeViewNode Content="Mint" /> <TreeViewNode Content="Sprinkles" /> </TreeViewNode.Children> </TreeViewNode> <TreeViewNode Content="Fruits"> <TreeViewNode.Children> <TreeViewNode Content="Mango" /> <TreeViewNode Content="Peach" /> <TreeViewNode Content="Kiwi" /> </TreeViewNode.Children> </TreeViewNode> <TreeViewNode Content="Berries"> <TreeViewNode.Children> <TreeViewNode Content="Strawberry" /> <TreeViewNode Content="Blueberry" /> <TreeViewNode Content="Blackberry" /> </TreeViewNode.Children> </TreeViewNode> </TreeViewNode.Children> </TreeViewNode> </TreeView.RootNodes> </TreeView> </SplitView.Pane> <StackPanel Margin="10" Spacing="10"> <Button Name="selectAllButton" Content="Select all" /> <Button Name="createOrderButton" Content="Create order" /> <TextBlock Style="{StaticResource CaptionTextBlockStyle}" Text="Your flavor selections : " /> <TextBlock Name="flavorListTextBlock" TextWrapping="WrapWholeWords" /> <TextBlock Style="{StaticResource CaptionTextBlockStyle}" Text="Your topping selections : " /> <TextBlock Name="toppingListTextBlock" TextWrapping="WrapWholeWords" /> </StackPanel> </SplitView> </Page> |
▶ MainPage.xaml.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 |
using Microsoft.UI.Xaml; using Microsoft.UI.Xaml.Controls; namespace TestProject; /// <summary> /// 메인 페이지 /// </summary> public sealed partial class MainPage : Page { //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - MainPage() /// <summary> /// 생성자 /// </summary> public MainPage() { InitializeComponent(); this.selectAllButton.Click += selectAllButton_Click; this.createOrderButton.Click += createOrderButton_Click; } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Private #region Select all 버튼 클릭시 처리하기 - selectAllButton_Click(sender, e) /// <summary> /// Select all 버튼 클릭시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void selectAllButton_Click(object sender, RoutedEventArgs e) { if(this.treeView.SelectionMode == TreeViewSelectionMode.Multiple) { this.treeView.SelectAll(); } } #endregion #region Create order 버튼 클릭시 처리하기 - createOrderButton_Click(sender, e) /// <summary> /// Create order 버튼 클릭시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void createOrderButton_Click(object sender, RoutedEventArgs e) { this.flavorListTextBlock.Text = string.Empty; this.toppingListTextBlock.Text = string.Empty; foreach(TreeViewNode treeViewNode in this.treeView.SelectedNodes) { if(treeViewNode.Parent == null) { continue; } if(treeViewNode.Parent.Content?.ToString() == "Flavors") { this.flavorListTextBlock.Text += treeViewNode.Content + "; "; } else if(treeViewNode.HasChildren == false) { this.toppingListTextBlock.Text += treeViewNode.Content + "; "; } } } #endregion } |
