如何在PropertyGrid中实现带选中项索引关联的ComboBox控件？

想要在PropertyGrid中显示带关联值的下拉选择控件，而非单纯的字符串列表，目的是能获取选中项的索引和对应关联值。直接在Form上用ComboBox很容易实现，但通过PropertyGrid暴露ComboBox类型的属性无法达到预期效果——PropertyGrid只会显示控件的ToString()结果，无法提供交互选择能力。

要实现这个需求，需要自定义业务属性类型和UITypeEditor，让PropertyGrid识别并渲染出可选择的下拉框，同时能获取选中项的索引和关联值。

步骤1：定义选项实体类 #

首先定义用于存储选项文本和值的类，重写ToString()方法让PropertyGrid显示文本内容：

public class Item
{
    public string Value { get; set; }
    public string Text { get; set; }

    public override string ToString()
    {
        return Text;
    }
}

步骤2：定义业务类 #

业务类中不再暴露ComboBox，而是暴露选中的Item对象，同时标记该属性使用自定义编辑器：

public class Wrap
{
    private List<Item> _items = new List<Item>();
    private Item _selectedItem;

    public Wrap()
    {
        // 初始化选项列表
        _items.Add(new Item() { Text = "Text1", Value = "Value1" });
        _items.Add(new Item() { Text = "Text2", Value = "Value2" });
        _selectedItem = _items[1]; // 默认选中第二项
    }

    // 指定该属性使用自定义下拉编辑器
    [Editor(typeof(ItemDropdownEditor), typeof(UITypeEditor))]
    public Item SelectedItem
    {
        get { return _selectedItem; }
        set
        {
            _selectedItem = value;
            // 获取选中项的索引和关联值
            int selectedIndex = _items.IndexOf(value);
            if (selectedIndex >= 0)
            {
                string selectedValue = _items[selectedIndex].Value;
                // 这里可以添加选中后的业务逻辑
            }
        }
    }

    // 给编辑器提供选项列表
    internal List<Item> Items => _items;
}

步骤3：自定义UITypeEditor #

实现下拉选择的编辑器，让PropertyGrid显示可交互的下拉框：

using System.Drawing.Design;
using System.Windows.Forms.Design;

public class ItemDropdownEditor : UITypeEditor
{
    public override UITypeEditorEditStyle GetEditStyle(System.ComponentModel.ITypeDescriptorContext context)
    {
        // 指定编辑器为下拉框样式
        return UITypeEditorEditStyle.DropDown;
    }

    public override object EditValue(System.ComponentModel.ITypeDescriptorContext context, IServiceProvider provider, object value)
    {
        if (provider == null || context == null)
            return value;

        // 获取Windows窗体编辑器服务
        IWindowsFormsEditorService editorService = provider.GetService(typeof(IWindowsFormsEditorService)) as IWindowsFormsEditorService;
        if (editorService == null)
            return value;

        Wrap wrap = context.Instance as Wrap;
        if (wrap == null)
            return value;

        // 创建ComboBox并绑定选项
        ComboBox comboBox = new ComboBox();
        comboBox.DisplayMember = "Text";
        comboBox.ValueMember = "Value";
        comboBox.DataSource = wrap.Items;
        comboBox.SelectedItem = value;

        // 显示下拉框等待用户选择
        editorService.DropDownControl(comboBox);

        // 返回选中的项
        return comboBox.SelectedItem;
    }
}

使用方式 #

在Form中把业务类实例绑定到PropertyGrid即可：

PropertyGrid propertyGrid1 = new PropertyGrid();
propertyGrid1.Dock = DockStyle.Fill;
this.Controls.Add(propertyGrid1);
propertyGrid1.SelectedObject = new Wrap();

关键说明 #

• 不再直接暴露ComboBox控件，而是通过业务属性+自定义编辑器的方式实现交互，符合PropertyGrid的设计逻辑
• 重写Item类的ToString()方法，确保PropertyGrid在未编辑状态下显示选项文本
• 自定义编辑器借助IWindowsFormsEditorService实现下拉框的显示，和Form上的ComboBox体验一致
• 在SelectedItem的setter中可以直接获取选中项的索引和关联值，满足业务需求

内容的提问来源于stack exchange，提问作者Leo