这个实用,Winform原生DataGridView实现下拉筛选

583523e4f14e73beaa81269a838569ea.png

前言

003b87b2bee651dfd7ef09c8f225dc87.png

af347fb2d31cd65dc6935e5342b81d0f.png

    在原生控件DataGridView中实现点击表头筛选的功能;其实很多第三方控件的表格都有这个功能,我也经常会在群里推荐大家使用第三方,因为简单方便。不过也免不了破解或者收费的问题,而且很多时候会觉得再引用第三方导致项目重量化了。所以本文写了一个简单的实现方式。样式不太美观,可自己根据需求爱好调整。

20c2bc2ad76081e33bf04040a07da64d.png

b383cb77f9c76afe92b23f01527ea590.gif

62d37b6fc943400263c971e6a9d514a7.jpeg

开发环境:.NET Framework版本:4.8

开发工具:Visual Studio 2022

a3a9dd790fffa58b1a3f1c990a0a8a4c.png

实现步骤

f170c8e696d74c232b7f8ef1fd0a1dd0.png

  1. 首先创建一个用来筛选的自定义控件面板GridFilterPanel

  2. 在面板控件中分别实现显示、隐藏以及筛选事件处理

/// <summary>
        /// 显示筛选面板
        /// </summary>
        public new void Show()
        {
            if (GridView == null) { return; }
            //获取点击的列
            Point point = GridView.PointToClient(Cursor.Position);
            DataGridView.HitTestInfo hit = GridView.HitTest(point.X, point.Y);
            if (hit.ColumnIndex > -1)
            {
                //加入到筛选面板中
                list_filter.Items.Clear();
                List<string> items = new List<string>();
                foreach (DataGridViewRow row in GridView.Rows)
                {
                    string value =Convert.ToString(row.Cells[hit.ColumnIndex].Value);
                    if (!items.Contains(value))
                    {
                        items.Add(value);
                    }
                }
                list_filter.Items.AddRange(items.ToArray());
                //定位筛选面板的位置
                Location = new Point(hit.ColumnX, hit.RowY);
                Visible = true;
            }
        }


        /// <summary>
        /// 隐藏筛选面板
        /// </summary>
        public new void Hide()
        {
            if (Visible)
            {
                Visible = false;
            }
        }


        /// <summary>
        /// 点击筛选事件
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void list_filter_SelectedIndexChanged(object sender, EventArgs e)
        {
            if (list_filter.SelectedIndex > -1)
            {
                string selectValue = list_filter.Items[list_filter.SelectedIndex].ToString();
                //获取点击的列
                Point point = GridView.PointToClient(Cursor.Position);
                DataGridView.HitTestInfo hit = GridView.HitTest(point.X, point.Y);
                if (hit.ColumnIndex > -1)
                {
                    for (int i = 0; i < GridView.Rows.Count; i++)
                    {
                        string value = Convert.ToString(GridView.Rows[i].Cells[hit.ColumnIndex].Value);
                        if (GridView.Rows[i].IsNewRow) continue;
                        if (selectValue != value)
                        {
                            //存储被筛选掉的数据
                            FilterData[hit.ColumnIndex].Add(DeepCopy(GridView.Rows[i]));
                            //清除被筛选掉的数据
                            GridView.Rows.RemoveAt(i);
                            i--;
                        }
                    }
                }
                //筛选完后隐藏
                Hide();
            }
        }
  1. 使用的时候只需要将当前对应的DataGridView传给面板控件即可,同时需要处理列头的点击事件

  2. 为了方便使用,这里使用自定义控件对DataGridView进行继承重载。也可以直接在窗体中调用事件处理

protected override void OnCellPainting(DataGridViewCellPaintingEventArgs e)
        {
            base.OnCellPainting(e);
            if (e.RowIndex == -1 && e.ColumnIndex > -1)
            {
                //绘制筛选图标
                Rectangle rect = new Rectangle(e.CellBounds.Right - 10, 5, 5, 5);
                e.Paint(rect, DataGridViewPaintParts.All);
                e.Graphics.DrawString("◊", new Font("宋体", 5), Brushes.Black, rect.X, rect.Y);
                e.Handled = true;
            }
        }


        protected override void OnCellMouseClick(DataGridViewCellMouseEventArgs e)
        {
            base.OnCellMouseClick(e);
            if (e.Button == MouseButtons.Left)
            {
                HitTestInfo hit = HitTest(e.X, e.Y);
                if (hit.Type == DataGridViewHitTestType.ColumnHeader)
                {
                    Rectangle headerCellRect = GetColumnDisplayRectangle(hit.ColumnIndex, false);
                    if (e.X > headerCellRect.Width - 20)
                    {
                        filterPanel.Show();
                        return;
                    }
                }
            }
            filterPanel.Hide();
        }
  1. 最后把控件拖到窗体上,然后绑定数据

DataTable dt = new DataTable();
dt.Columns.Add("ID");
            dt.Columns.Add("Name");
            for (int i = 0; i < 10; i++)
            {
                dt.Rows.Add(i, "name" + i);
            }
            for (int i = 0; i < 10; i++)
            {
                dt.Rows.Add(i, "name" + i + "_1");
            }
            gridViewFilter1.DataSource = dt;

73c7d1d0da3841595bb56dae634df91a.png

实现效果

776dc83a45c0d757a4f226ed6575f86f.png

9836af0eb9e6f8547d4ae72408ca6849.gif

-技术群:添加小编微信并备注进群
小编微信:mm1552923   公众号:dotNet编程大全
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值