|
1 | | -# How to work with checkboxes in unbound mode in wpf treeview? |
2 | | -This example describes how to work with check boxes in unbound mode in wpf treeview |
| 1 | +# How to work with checkboxes in unbound mode in WPF TreeView |
| 2 | + |
| 3 | +This example describes how to work with check boxes in unbound mode in [WPF TreeView](https://www.syncfusion.com/wpf-controls/treeview) (SfTreeView). |
| 4 | + |
| 5 | +You can directly set the checkbox state by setting the [TreeViewNode.IsChecked](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeView.Engine.TreeViewNode.html#Syncfusion_UI_Xaml_TreeView_Engine_TreeViewNode_IsChecked) property value while creating nodes. |
| 6 | + |
| 7 | +``` xml |
| 8 | +<Window |
| 9 | + x:Class="TreeNodeWithCheckBoxDemo.Window1" |
| 10 | + xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" |
| 11 | + xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" |
| 12 | + xmlns:local="clr-namespace:TreeNodeWithCheckBoxDemo" |
| 13 | + xmlns:syncfusion="http://schemas.syncfusion.com/wpf" |
| 14 | + xmlns:Engine="clr-namespace:Syncfusion.UI.Xaml.TreeView.Engine;assembly=Syncfusion.SfTreeView.WPF" |
| 15 | + Title="Node With CheckBox" |
| 16 | + Width="450" |
| 17 | + Height="500" |
| 18 | + Icon="App.ico" |
| 19 | + WindowStartupLocation="CenterScreen"> |
| 20 | + <Grid> |
| 21 | + <syncfusion:SfTreeView x:Name="sfTreeView" |
| 22 | + Width="400" |
| 23 | + Margin="10,10,10,10" |
| 24 | + BorderThickness="1" |
| 25 | + BorderBrush="LightGray" |
| 26 | + IsAnimationEnabled="True" |
| 27 | + ItemTemplateDataContextType="Node" |
| 28 | + CheckBoxMode="Recursive" > |
| 29 | + <syncfusion:SfTreeView.Nodes> |
| 30 | + <Engine:TreeViewNode Content="Grains" IsExpanded="True" IsChecked="True"> |
| 31 | + <Engine:TreeViewNode.ChildNodes> |
| 32 | + <Engine:TreeViewNode Content="Cereals" IsExpanded="True"> |
| 33 | + <Engine:TreeViewNode.ChildNodes> |
| 34 | + <Engine:TreeViewNode Content="Rice" IsChecked="True"/> |
| 35 | + <Engine:TreeViewNode Content="Barley"/> |
| 36 | + </Engine:TreeViewNode.ChildNodes> |
| 37 | + </Engine:TreeViewNode> |
| 38 | + <Engine:TreeViewNode Content="Oilseeds"> |
| 39 | + <Engine:TreeViewNode.ChildNodes> |
| 40 | + <Engine:TreeViewNode Content="Safflower" IsChecked="True"/> |
| 41 | + </Engine:TreeViewNode.ChildNodes> |
| 42 | + </Engine:TreeViewNode> |
| 43 | + </Engine:TreeViewNode.ChildNodes> |
| 44 | + </Engine:TreeViewNode> |
| 45 | + <Engine:TreeViewNode Content="Fruits" IsExpanded="true"> |
| 46 | + <Engine:TreeViewNode.ChildNodes> |
| 47 | + <Engine:TreeViewNode Content="Orange" IsChecked="True"/> |
| 48 | + <Engine:TreeViewNode Content="Apples" IsExpanded="true"/> |
| 49 | + </Engine:TreeViewNode.ChildNodes> |
| 50 | + </Engine:TreeViewNode> |
| 51 | + <Engine:TreeViewNode Content="Vegetables" IsExpanded="true" IsChecked="True"> |
| 52 | + <Engine:TreeViewNode.ChildNodes> |
| 53 | + <Engine:TreeViewNode Content="Root Vegetables" IsExpanded="true"> |
| 54 | + <Engine:TreeViewNode.ChildNodes> |
| 55 | + <Engine:TreeViewNode Content="Potato" IsChecked="True"/> |
| 56 | + <Engine:TreeViewNode Content="Carrot"/> |
| 57 | + </Engine:TreeViewNode.ChildNodes> |
| 58 | + </Engine:TreeViewNode> |
| 59 | + <Engine:TreeViewNode Content="Podded"> |
| 60 | + <Engine:TreeViewNode.ChildNodes> |
| 61 | + <Engine:TreeViewNode Content="Peanut" IsChecked="True"/> |
| 62 | + <Engine:TreeViewNode Content="Lentil"/> |
| 63 | + </Engine:TreeViewNode.ChildNodes> |
| 64 | + </Engine:TreeViewNode> |
| 65 | + </Engine:TreeViewNode.ChildNodes> |
| 66 | + </Engine:TreeViewNode> |
| 67 | + </syncfusion:SfTreeView.Nodes> |
| 68 | + <syncfusion:SfTreeView.ItemTemplate> |
| 69 | + <DataTemplate> |
| 70 | + <Grid> |
| 71 | + <CheckBox x:Name="CheckBox" FocusVisualStyle="{x:Null}" |
| 72 | + IsChecked="{Binding IsChecked, Mode=TwoWay}" Content="{Binding Content}"/> |
| 73 | + |
| 74 | + </Grid> |
| 75 | + </DataTemplate> |
| 76 | + </syncfusion:SfTreeView.ItemTemplate> |
| 77 | + </syncfusion:SfTreeView> |
| 78 | + </Grid> |
| 79 | +</Window> |
| 80 | +``` |
0 commit comments