Gridsplitter in a Grid with an ItemsControl

Question

I'm trying to make a PropertyGrid Custom Control. The PropertyGrid will be very similar to the PropertyGrid used in Visual Studio. I've tried using the PropertyGrid of the Extended WPF Toolkit but you have to specify the category of a property with an attribute and we need to change the categories runtime. Which as far as I know is impossible with attributes.

So I'm making the PropertyGrid myself. This is my code so far:

The Generic.xaml:

PropertyGrid.cs

public class PropertyGrid : ItemsControl
{
    public Brush GridColor
    {
        get { return (Brush)GetValue(GridColorProperty); }
        set { SetValue(GridColorProperty, value); }
    }

    public static readonly DependencyProperty GridColorProperty =
        DependencyProperty.Register("GridColor", typeof(Brush), typeof(PropertyGrid), new UIPropertyMetadata(new SolidColorBrush(Colors.Transparent)));

    static PropertyGrid()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof(PropertyGrid), new FrameworkPropertyMetadata(typeof(PropertyGrid)));
    }
}

PropertyGroup

public class PropertyGroup
{
    public string Name { get; set; }
    public List Items { get; set; }

    public PropertyGroup()
    {
        Items = new List();
        Name = "";
    }
}

PropertyGridItem

public class PropertyGridItem
{
    public string Name { get; set; }
    public object Value { get; set; }

    public PropertyGridItem(string propertyName, object propertyValue)
    {
        Name = propertyName;
        Value = propertyValue;
    }
}

This code in my MainWindow.xaml:

Code behind of my ViewModel:

public MainWindow()
{
    InitializeComponent();
    this.DataContext = new ViewModel();
}

The ViewModel

public class ViewModel
{
    public List Groups { get; set; }

    public ViewModel()
    {
        Groups = new List();

        PropertyGroup group1 = new PropertyGroup();
        group1.Name = "Group1";
        group1.Items.Add(new PropertyGridItem("Item1", "test"));
        group1.Items.Add(new PropertyGridItem("Item2", 300));
        group1.Items.Add(new PropertyGridItem("Item3", true));
        group1.Items.Add(new PropertyGridItem("Item4", 5.2));
        Groups.Add(group1);

        PropertyGroup group2 = new PropertyGroup();
        group2.Name = "Group2";
        group2.Items.Add(new PropertyGridItem("Item1", "test"));
        group2.Items.Add(new PropertyGridItem("Item2", 300));
        group2.Items.Add(new PropertyGridItem("Item3", true));
        group2.Items.Add(new PropertyGridItem("Item4", 5.2));
        Groups.Add(group2);
    }
}

The problem I'm having is that the GridSplitter is applied every row. I want the GridSplitter to be applied to all rows of a group. I understand that this is because I make a new Grid for every item. For the attached properties to work the items have to be a direct child of the Grid. A DataGrid also isn't an option because the GridSplitter is only available between column headers.

So to make a long story short: how can I use a Grid in an ItemsControl with a GridSplitter that applies to all rows of ideally a group or the entire Grid if that isn't possible.

Martijn · Accepted Answer

I finally found the solution to this problem.

To get this to work I had to:

Set the Grid.IsSharedSizeScope to true on the parent ItemsControl.
Set the SharedSizeGroup property on the name column with an arbitrary name.
Remove the star sizing on the name column. Having both the first and third column with star sizing resulted in a stuck GridSplitter for some reason.
Set a fixed width on the GridSplitter, I set the Width to 2.
Set the ResizeBehaviour of the GridSplitter to PreviousAndNext.

Here is a relevant piece of the resulting code:

Gridsplitter in a Grid with an ItemsControl

Answers (2)

Related Questions