Skip to content

Commit f79f2b6

Browse files
ES-975464 - Resolve the ReadMe issue in this sample repository
1 parent b51dfa6 commit f79f2b6

File tree

1 file changed

+89
-2
lines changed

1 file changed

+89
-2
lines changed

README.md

Lines changed: 89 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,89 @@
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

Comments
 (0)