39

Under the View-Model-ViewModel pattern for WPF, I am trying to databind the Heights and Widths of various definitions for grid controls, so I can store the values the user sets them to after using a GridSplitter. However, the normal pattern doesn't seem to work for these particular properties.

Note: I'm posting this as a reference question that I'm posting as Google failed me and I had to work this out myself. My own answer to follow.

Nidonocu
  • 12,476
  • 7
  • 42
  • 43

4 Answers4

48

Create a IValueConverter as follows:

public class GridLengthConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        double val = (double)value;
        GridLength gridLength = new GridLength(val);

        return gridLength;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        GridLength val = (GridLength)value;

        return val.Value;
    }
}

You can then utilize the converter in your Binding:

<UserControl.Resources>
    <local:GridLengthConverter x:Key="gridLengthConverter" />
</UserControl.Resources>
...
<ColumnDefinition Width="{Binding Path=LeftPanelWidth, 
                                  Mode=TwoWay,
                                  Converter={StaticResource gridLengthConverter}}" />
Anatoliy Nikolaev
  • 22,370
  • 15
  • 69
  • 68
Greg Sansom
  • 20,442
  • 6
  • 58
  • 76
  • If you seek a solution to very similar problem, you can find it here: http://stackoverflow.com/questions/7660967/wpf-error-cannot-find-govering-frameworkelement-for-target-element – dzendras Jan 04 '14 at 18:24
  • 1
    Wpf already has a GridLengthConverter class. Would it be possible to use it as is? – heltonbiker Jan 17 '14 at 18:53
  • 4
    @heltonbiker Unfortunately, GridLengthConverter implements ITypeConverter rather than IValueConverter, and so cannot be used as a WPF binding conversion. – Tim Sylvester Jul 11 '14 at 00:55
23

There were a number of gotchas I discovered:

  1. Although it may appear like a double in XAML, the actual value for a *Definition's Height or Width is a 'GridLength' struct.
  2. All the properties of GridLength are readonly, you have to create a new one each time you change it.
  3. Unlike every other property in WPF, Width and Height don't default their databinding mode to 'TwoWay', you have to manually set this.

Thusly, I used the following code:

private GridLength myHorizontalInputRegionSize = new GridLength(0, GridUnitType.Auto)
public GridLength HorizontalInputRegionSize
{
    get
    {
        // If not yet set, get the starting value from the DataModel
        if (myHorizontalInputRegionSize.IsAuto)
            myHorizontalInputRegionSize = new GridLength(ConnectionTabDefaultUIOptions.HorizontalInputRegionSize, GridUnitType.Pixel);
        return myHorizontalInputRegionSize;
    }
    set
    {
        myHorizontalInputRegionSize = value;
        if (ConnectionTabDefaultUIOptions.HorizontalInputRegionSize != myHorizontalInputRegionSize.Value)
        {
            // Set the value in the DataModel
            ConnectionTabDefaultUIOptions.HorizontalInputRegionSize = value.Value;
        }
        OnPropertyChanged("HorizontalInputRegionSize");
    }
}

And the XAML:

<Grid.RowDefinitions>
    <RowDefinition Height="*" MinHeight="100" />
    <RowDefinition Height="Auto" />
    <RowDefinition Height="{Binding Path=HorizontalInputRegionSize,Mode=TwoWay}" MinHeight="50" />
</Grid.RowDefinitions>
Nidonocu
  • 12,476
  • 7
  • 42
  • 43
  • 12
    GridLength is specific to WPF, therefore doesn't belong in the ViewModel layer. – Greg Sansom Sep 09 '11 at 07:33
  • 5
    I think the belief "no WPF in ViewModel" is wrong, since WPF has a lot of constructs regarding MVVM pattern, such as the very databinding itself. You could say "GridLength is specific to the VIEW", instead (unless it is part of the domain problem, such as in data-visualization applications whose very purpuse is to layout and display things). But sure it is controversial... – heltonbiker Jan 17 '14 at 18:24
  • 1
    @heltonbiker "GridLength is specific to the VIEW" is more accurate. unless your business logic is solely or partly about UI layout(design) – Ahmed Alejo Nov 24 '15 at 12:27
  • sorry Idisagree.. i would use attached properties.. give one daya to fullfill example where i can put my source code? – Petr Havlát May 24 '22 at 23:02
10

The easiest solution is to simply use string settings for these properties so that WPF will automatically support them using GridLengthConverter without any extra work.

JustinMichel
  • 581
  • 7
  • 6
4

Another possibility, since you brought up converting between GridLength and int, is to create an IValueConverter and use it when binding to Width. IValueConverters also handle two-way binding because they have both ConvertTo() and ConvertBack() methods.

Joel B Fant
  • 24,406
  • 4
  • 66
  • 67