XAML GridView ItemTemplate not binding to control

by

My my, look at this here:

<UserControl.DataContext>
    <local:HabitacionControlVM/>
</UserControl.DataContext>

Someone sold you a bill of dirty, filthy, goods. Probably one of those jerks who run around telling people DataContext = this; is a good idea.

Sorry, tangent. Now look at this:

<ctr:HabitacionControl 
    Width="70" 
    Height="140" 
    Ubicacion="{Binding}"/>

What is that I’m seeing? Is that a pseudo-DataContext property? That’s a pseudo-DataContext property. The problem is that the Binding works against the object within the DataContext of the HabitacionControl not its parent. And what’s the DataContext of the HabitacionControl?

<UserControl.DataContext>
    <local:HabitacionControlVM/>
</UserControl.DataContext>

And that’s why you don’t create view models for your UserControls. You have broken how data binding works. The view model must flow down the visual tree through the DataContext. When you interrupt this flow, you get fail.

Let me ask you–does a TextBox have a TextBoxViewModel? No. It has a Text property that you bind to. How do you bind to it? Your view model flows into TextBox.DataContext, thus allowing you to bind properties of your view model to properties exposed on the TextBox.

There are other hacky ways to get around this, but the best solution is to not get yourself into this situation in the first place.

You need to ditch that HabitacionControlVM and expose DependencyProperties on the surface of your UserControl that your view model can bind against, providing whatever your UserControl needs in order to function. Place your UI logic in the codebehind of HabitacionControl.

No, this doesn’t break MVVM. UI logic is fine in the codebehind.

If your HabitacionControlVM is performing heavy lifting that really shouldn’t be in the codebehind, then just refactor it into classes that your codebehind calls into.

People think the UserControlViewModel anti-pattern is how it should be done. It really isn’t. Good luck.

More Related Contents:

  1. Suspending event not raising using WinRT
  2. UWP Enable local network loopback
  3. UWP Binding in Style Setter not working
  4. How to execute Process commands (or similar) using a Universal Windows Platform (UWP) App?
  5. How to connect to SQL server database from a Windows 10 UWP app
  6. Get Screen Resolution in Win10 UWP App
  7. How to implement a navigation button in shared application resources?
  8. How to use Acrylic Accent in Windows 10 Creators Update?
  9. Encoding.GetEncoding can’t work in UWP app
  10. Windows 10 ScrollIntoView() is not scrolling to the items in the middle of a listview
  11. Photo capture on Windows Store App for Windows Phone
  12. AdaptiveTrigger and DataTemplate
  13. C# – Get mac address in Universal Apps
  14. How to change Highlight color of the selected ListView item in UWP (Windows 10)
  15. sender as in C# [duplicate]
  16. Windows 10 Universal App File/Directory Access
  17. How to add a Blend Behavior in a Style Setter
  18. Setting DataContext in XAML in WPF
  19. Bind to SelectedItems from DataGrid or ListBox in MVVM
  20. databind the Source property of the WebBrowser in WPF
  21. Passing an enum value as command parameter from XAML
  22. Use local images in Webbrowser control
  23. Accessing a resource via codebehind in WPF
  24. Pull to refresh On Windows Phone
  25. WPF checkbox binding
  26. Access codebehind variable in XAML
  27. Could not load file or assembly ‘System.Windows.Interactivity’ [duplicate]
  28. WPF C# InputBox
  29. Binding Commands to Events?
  30. Get values from *.resx files in XAML

Leave a Comment