ReactiveUI in WPF: how to bind a command from the parent's ViewModel to a button in ItemsControl.ItemTemplate?

Question

It's the code from YouIandReactiveUI

Is there a more elegant way to achieve this? Or is there any way to bind in code with IViewFor?

                <ItemsControl.ItemTemplate>
                    <DataTemplate>
                        <Grid>
                            <local:TweetMediaAttachmentView ViewModel="{Binding .}"/>
                            <Button
                                x:Name="removeButton"                                                                
                                Command="{Binding DataContext.RemoveAttachmentCommand, ElementName=attachmentsItemsControl}" />                                                            
                        </Grid>
                    </DataTemplate>
                </ItemsControl.ItemTemplate>

Answer 1

This is a known problem. One solution is to use RelativeSource, as proposed here: Access parent DataContext from DataTemplate

Answer 2

Couple different options, all of which would use the IViewFor functionality.

First is when using the ReactiveUI's OneWayBind functionality to bind to the ItemsControl.ItemsSource, if you don't set a ItemTemplate it will search for the associated IViewfor<View model>.

Another you can use the ItemTemplate and use ViewModelViewHost control and set the view model. This is almost identical to the first approach.

For the command binding I would pass the command into the view model so you don't have to worry about the data context binding.