|
1 | | -# How to bind selected items in wpf treeview? |
2 | | -This repository describes how to bind selected items in wpf treeview |
| 1 | +# How to bind selected items in WPF TreeView |
| 2 | + |
| 3 | +This repository describes how to bind selected items in WPF TreeView (SfTreeView). |
| 4 | + |
| 5 | +TreeView support to select multiple items through binding the [SelectedItems](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeView.SfTreeView.html#Syncfusion_UI_Xaml_TreeView_SfTreeView_SelectedItems) property from view model with `ObservableCollection<object>` type. |
| 6 | + |
| 7 | +#### XAML |
| 8 | + |
| 9 | +``` xml |
| 10 | +<syncfusion:SfTreeView |
| 11 | + x:Name="sfTreeView" |
| 12 | + SelectionMode="Multiple" |
| 13 | + SelectedItems="{Binding SelectedNodes}" |
| 14 | + ChildPropertyName="Models" |
| 15 | + ItemsSource="{Binding Items}" > |
| 16 | +</syncfusion:SfTreeView> |
| 17 | +``` |
| 18 | + |
| 19 | +#### C# |
| 20 | + |
| 21 | +``` csharp |
| 22 | +sfTreeView.SelectionMode = SelectionMode.Multiple; |
| 23 | +sfTreeView.SetBinding(SfTreeView.SelectedItemsProperty, new Binding("SelectedNodes")); |
| 24 | +``` |
| 25 | + |
| 26 | +``` csharp |
| 27 | +public class ViewModel : NotificationObject |
| 28 | +{ |
| 29 | + public ObservableCollection<Model> Items { get; set; } |
| 30 | + |
| 31 | + public ObservableCollection<object> SelectedNodes { get; set; } |
| 32 | + public ViewModel() |
| 33 | + { |
| 34 | + Items = new ObservableCollection<Model>(); |
| 35 | + SelectedNodes = new ObservableCollection<object>(); |
| 36 | + |
| 37 | + var country1 = new Model { State = "Australia" }; |
| 38 | + var country2 = new Model { State = "Brazil" }; |
| 39 | + var country3 = new Model { State = "China" }; |
| 40 | + var country4 = new Model { State = "France" }; |
| 41 | + |
| 42 | + var aus_state1 = new Model { State = "New South Wales" }; |
| 43 | + var aus_state2 = new Model { State = "Victoria" }; |
| 44 | + var aus_state3 = new Model { State = "South Autralia" }; |
| 45 | + var aus_state4 = new Model { State = "Western Australia" }; |
| 46 | + |
| 47 | + var brazil_state1 = new Model { State = "Parana" }; |
| 48 | + var brazil_state2 = new Model { State = "Ceara" }; |
| 49 | + var brazil_state3 = new Model { State = "Acre" }; |
| 50 | + |
| 51 | + var china_state1 = new Model { State = "Guangzhou" }; |
| 52 | + var china_state2 = new Model { State = "Shanghai" }; |
| 53 | + var china_state3 = new Model { State = "Beijing" }; |
| 54 | + var china_state4 = new Model { State = "Shantou" }; |
| 55 | + |
| 56 | + var france_state1 = new Model { State = "Pays de la Loire" }; |
| 57 | + var france_state2 = new Model { State = "Aquitaine" }; |
| 58 | + var france_state3 = new Model { State = "Brittany" }; |
| 59 | + var france_state4 = new Model { State = "Lorraine" }; |
| 60 | + |
| 61 | + country1.Models.Add(aus_state1); |
| 62 | + country1.Models.Add(aus_state2); |
| 63 | + country1.Models.Add(aus_state3); |
| 64 | + country1.Models.Add(aus_state4); |
| 65 | + |
| 66 | + country2.Models.Add(brazil_state1); |
| 67 | + country2.Models.Add(brazil_state2); |
| 68 | + country2.Models.Add(brazil_state3); |
| 69 | + |
| 70 | + country3.Models.Add(china_state1); |
| 71 | + country3.Models.Add(china_state2); |
| 72 | + country3.Models.Add(china_state3); |
| 73 | + country3.Models.Add(china_state4); |
| 74 | + |
| 75 | + country4.Models.Add(france_state1); |
| 76 | + country4.Models.Add(france_state2); |
| 77 | + country4.Models.Add(france_state3); |
| 78 | + country4.Models.Add(france_state4); |
| 79 | + |
| 80 | + Items.Add(country1); |
| 81 | + Items.Add(country2); |
| 82 | + Items.Add(country3); |
| 83 | + Items.Add(country4); |
| 84 | + |
| 85 | + SelectedNodes.Add(aus_state1); |
| 86 | + SelectedNodes.Add(aus_state2); |
| 87 | + } |
| 88 | +} |
| 89 | +``` |
0 commit comments