How can I bind an ObservableCollection of ViewModels to a MenuItem?

Question

When I bind Menu Items with an ObservableCollection, only the \"inner\" area of the MenuItem is clickable:

alt text http://tanguay.info/web/external/mvvmMenuItems.pn

Answer 1

Don't put the MenuItem in the DataTemplate. The DataTemplate defines the content of the MenuItem. Instead, specify extraneous properties for the MenuItem via the ItemContainerStyle:

Also, take a look at HierarchicalDataTemplates.