Uso del DataContext del padre (WPF - Encuadernación de comandos del menú dinámico)

Question

Revisé esta web y google y las soluciones no funcionaron para mí.

Tengo un comando en el ViewModel de un UserControl. Bueno, el usercontrol tiene un ItemsControl enlazado a un ObservableCollection. Dentro de DataTemplate de ItemsControl.ItemTemplate tengo un botón y quiero usar el comando. No puedo vincular el comando porque dentro de DataTemplate, el contexto de datos no es ViewModel, sino un elemento de ObservableCollection.

La pregunta es: ¿Cómo puedo vincular el botón al comando si se pierde el contexto de datos padre?

Creo que esto necesita una solución fácil porque creo que este es un problema común.

imaginar esto sceneario:

usted tiene un artículo ListBox con un ObservableCollection como el ItemsSource, por lo que están utilizando un DataTemplate dentro del cuadro de lista para cada elemento de la colección. Bueno, quiere eliminar el elemento seleccionado y pone un botón en cada fila para ese trabajo. ¿Cómo haces eso?

En el MVP, puedo hacer esto en el evento clic del botón:

Button but = e.Source as Button; 

if (but != null) 
     Presenter.ActualNote = but.DataContext as Note; 

En resumen. Envía el contexto de datos de la fila (el elemento seleccionado) al presentador.

Pero, ¿cómo puedo hacerlo a la manera mvvm? Porque necesito usar un comando pero no puedo asignar el comando al botón porque el botón no sabe nada sobre ViewModel (donde existe el comando).

Como puede ver, el botón debe existir dentro de la plantilla de datos, entonces el contexto de datos ya no es el ViewModel .... Por eso necesito acceder al DataContext del padre para acceder al comando.

Espero que entienda mejor mi problema.

Gracias.

Answer 1

Si desea una solución sucia, que rompe MVVM, establezca Tag = "{Binding}" en el botón y maneje el evento Click. En el controlador de eventos, llame al comando en su ViewModel.

Answer 2

Utilice el enlace de abajo para el mando de su botón:

{Binding DataContext.CommandName, 
     RelativeSource={RelativeSource FindAncestor, 
         AncestorType={x:Type MyUserControl}}} 

Esto le dirá que se encuentra el control de usuario y utilizar su DataContext.

Answer 3

RelativeSource funciona, pero no creo que sea correcto dejar que los controles merodeen entre las propiedades de los demás. Es extraño que el botón colocado dentro de una vista de elemento haga algo con una fuente de datos externa en lugar de con el elemento encuadernado. Es posible que deba revisar el diseño del código del programa.

Answer 4

Bien, entonces, ¿qué hay de modificar su clase de elemento de datos para que tenga una propiedad que haga referencia a la vista de modelo completa?

Si su ItemsSource es de tipo ObservableCollection<DataItem> a continuación, modificar DataItem tipo así:

public class DataItem 
{ 
    public BusinessObject Value { get; set; } 

    private ModelView modelView; 

    public ModelView ModelView 
    { 
     get 
     { 
      return modelView; 
     } 
    } 

    public DataItem(ModelView modelView) 
    { 
     this.modelView = modelView; 
    } 
}