DevExpress Winform SearchGridLookUpEdit多选简单设置

古城微笑少年丶 2022-08-31 07:09 485阅读 0赞

DevExpress提供了不少的下拉编辑框，而且样式和功能都非常的强大，不像原生的控件，只有一个ComboBox，仅仅支持单列，多列的情况往往都得自己写。

DevExpress在拥有ComboBoxEdit这种类似原生控件的同时还提供了其他的丰富多样的下拉编辑框：

比如常用的可以绑定数据源而且支持多列显示的LookUpEdit,GridLookUpEdit,SearchLookUpEdit，还有CheckedComboBoxEdit这种可以多选的下拉边框框等等，不过虽然CheckedComboBoxEdit虽然支持多选，但还是只能显示单列，不能满足我们复杂的显示要求，所以要么利用Dev提供的PopupContainerEdit+PopupContainerControl+GridControl组合成属于自己的下拉多列多选的控件，要么就改良一下GridLookUpEdit或者SearchLookUpEdit。

众所周知，这两个控件都是单选的，细心的人员可能能看出来，其实这两个控件的下拉窗口里面的列表其实是用来GridControl来显示的，我们可以在Properties属性里面找到PopupView(早先的版本没有这个属性，但有View的属性)，这个属性返回的正式GridView。

知道结构后，我们利用GridView的复选框列来改良我们的SearchLookUpEdit，使其能够实现多选的操作；

**简单说一下过程逻辑：**

**1、显示复选框列**

**2、下拉框界面关闭的时候获取列表选择的数据并且存放起来**

**3、利用CustomDisplayText事件，根据选择的数据，利用指定符号拼接起来，设置编辑框的Text**

了解这个逻辑就直接写代码：

/// <summary>
            /// 设置SearchGridLookUpEdit控件可以多选
            /// </summary>
            /// <param name="edit"></param>
            /// <param name="separator"></param>
            public static void SetSearchGridLookUpEditMultiSelect(DevExpress.XtraEditors.GridLookUpEditBase edit, string separator = ",")
            {
                var view = edit.Properties.PopupView as DevExpress.XtraGrid.Views.Grid.GridView;
                view.OptionsSelection.MultiSelect = true;
                view.OptionsSelection.MultiSelectMode = DevExpress.XtraGrid.Views.Grid.GridMultiSelectMode.CheckBoxRowSelect;
                view.OptionsSelection.CheckBoxSelectorColumnWidth = 45;
                var values = new List<string>();
                edit.Properties.Tag = values;//将集合存放在Tag，如果想获取选择的集合，可以直接取Tag再转换
                //下拉框显示时候勾选，可以用于初始值设置或者如果在GridView中的使用
                edit.Popup += (s, e) =>
                {
                    //view.ClearSelection();
                    //view.BeginSelection();
                    //for(int i = 0; i < view.RowCount; i++)
                    //{
                    //    var value=view.GetRowCellDisplayText(i, edit.Properties.DisplayMember);
                    //    if (values.Contains(value))
                    //    {
                    //        view.SelectRow(i);
                    //    }
                    //}
                    //view.EndSelection();
                };
                //关闭下拉框的时候获取选中的集合
                edit.CloseUp += (s, e) =>
                {
                    values.Clear();
                    var indexs = view.GetSelectedRows();
                    foreach (var index in indexs)
                    {
                        var value = view.GetRowCellDisplayText(index, edit.Properties.DisplayMember);
                        values.Add(value);
                    }
                    edit.RefreshEditValue();
                };
                //根据选中的集合设置显示文本并且用符号拼接起来
                edit.Properties.CustomDisplayText += (s, e) =>
                {
                    if (!edit.IsPopupOpen)
                        e.DisplayText = string.Join(separator, values.ToArray());
                };
            }

示例代码：

public Form1()
            {
                InitializeComponent();
    
                gridLookUpEdit2.Properties.DataSource = CreateDt();
                gridLookUpEdit2.Properties.DisplayMember = "name";
                gridLookUpEdit2.Properties.ValueMember = "id";
                SetSearchGridLookUpEditMultiSelect(gridLookUpEdit2);
            }
            DataTable CreateDt()
            {
                var dt = new DataTable();
                dt.Columns.Add("id");
                dt.Columns.Add("name");
                for (int i = 0; i < 20; i++)
                {
                    dt.Rows.Add(i, "name" + i);
                }
                return dt;
            }

演示：

![20210723171520140.gif][]

[20210723171520140.gif]: /images/20220829/a1b957bfcd7e4484904659ed241e5038.png