xceed wpf propertygrid collection select

Question

i'm new in WPF and may be it's stupid question, but...) a have custom properties class visualased by xceed wpf propertygrid

public class ShopProperties
{
    private readonly ObservableCollection<string> _cars = new ObservableCollection<string>();

    [Category(@"CarsShop")]
    [DisplayName(@"CarsCollection")]
    public ObservableCollection<string> CarsCollection { get {return _cars;}}

    [Browsable(false)] 
    private string SelectedCar {get; set;}
}

What simplest and finest PropertyGrid editor(or custom editor) i need to use to assign SelectedCar element from CarsCollection?

score 2 · Answer 1 · edited Jun 20 '20 at 09:12

after some search and reading http://wpftoolkit.codeplex.com/wikipage?title=PropertyGrid&referringTitle=Documentation i think its minimum two ways in my case.

1. Customise `xctk:CollectionControl` and edit XAML.

<xctk:PropertyGrid Name="_generalPropertyGrid" DockPanel.Dock="Top" 
                            ShowSearchBox="False" ShowSortOptions="False" ShowTitle="False" NameColumnWidth="120" BorderThickness="0">
  <xctk:PropertyGrid.EditorDefinitions>
    <xctk:EditorTemplateDefinition TargetProperties="CarsCollection">
      <xctk:EditorTemplateDefinition.EditingTemplate>
        <DataTemplate>
          <xctk:CollectionControl SelectedItem="{Binding Path=SelectedCar}"/>
        </DataTemplate>
      </xctk:EditorTemplateDefinition.EditingTemplate>
    </xctk:EditorTemplateDefinition>
  </xctk:PropertyGrid.EditorDefinitions>
</xctk:PropertyGrid>

2. Create own `UserControl` that implements the `ITypeEditor`

see datails in http://wpftoolkit.codeplex.com/wikipage?title=PropertyGrid&referringTitle=Documentation Select by ComboBox. i choose this way.

<UserControl x:Class="proj_namespace.CarSelector"
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
 xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
 mc:Ignorable="d" 
 x:Name="CarSelector"
 d:DesignHeight="25" d:DesignWidth="200">
  <Grid>
    <ComboBox ItemsSource="{Binding Value, ElementName=CarSelector}" SelectionChanged="Selector_OnSelectionChanged"/>
  </Grid>
</UserControl>

And class code behind:

public partial class CarSelector : ITypeEditor
{
    public CarSelector()
    {
        InitializeComponent();
    }

    public static readonly DependencyProperty ValueProperty = 
        DependencyProperty.Register("Value", typeof(ObservableCollection<string>), typeof(CarSelector),
            new FrameworkPropertyMetadata(null, FrameworkPropertyMetadataOptions.BindsTwoWayByDefault));

    
    public string Value
    {
        get { return (string)GetValue(ValueProperty); }
        set { SetValue(ValueProperty, value); }
    }

    public FrameworkElement ResolveEditor(PropertyItem propertyItem)
    {
        var binding = new Binding("Value");
        binding.Source = propertyItem;
        binding.Mode = propertyItem.IsReadOnly ? BindingMode.OneWay : BindingMode.TwoWay;
        BindingOperations.SetBinding(this, ValueProperty, binding);
        return this;
    }

    private void Selector_OnSelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        if (sender != null)
            MainWindow.Instance._properties.SelectedCar = (sender as ComboBox).SelectedItem as string;
    }
}

and finally add custom editor line above property

[Editor(typeof(CarSelector), typeof(CarSelector))]
public ObservableCollection<string> CarsCollection { get { return _securities; } }

score -1 · Answer 2 · answered Feb 05 '16 at 13:59

I don't know why you are using propertygrid instead of a datagrid, property grid is used to see and change the properties of an object in memory (like one of the elements of the WPF window), it's like the Property window in visual studio that shows all the properties of the selected object.

if you want to show a collection, even if you want to edit it afterwards, you should try xceed data grid, it will be more up your ally i think.

But anyways, you can bind the selectedProperty property of the propertygrid to the selected car, or you can use the selectedProperty property of propertygrid directly and check if it's a car.

it was historical choose to use propertygrid instead of a datagrid to visualise property =( and i agree with you about data grid will be frendly in this case. — risty, Feb 06 '16 at 20:07

xceed wpf propertygrid collection select

2 Answers2

1. Customise xctk:CollectionControl and edit XAML.

2. Create own UserControl that implements the ITypeEditor

1. Customise `xctk:CollectionControl` and edit XAML.

2. Create own `UserControl` that implements the `ITypeEditor`