DataGridView单元格内容自动匹配下拉显示

页面显示数据使用的控件是ComponentFactory.Krypton.Toolkit中的KryptonDataGridView控件。在指定“商品”单元格中需要根据用户输入内容自动匹配数据库中商品信息，并且单元格处于编辑模式时显示一个查询图标的按钮，点击该按钮也将显示数据库中所有商品信息。

KryptonDataGridView显示控件此处命名为kDGVIndentDetail;

用于下拉显示匹配内容的DataGridView命名为dgv;

1、建立一个DataGridView类型的页面变量用于KryptonDataGridView单元格下拉显示匹配结果

1 //新建变量用于下拉显示的数据控件
2
3 DataGridView dgv = new DataGridView();
4
5  //保存当前编辑单元格的坐标
6
7 private int _colindex;//列索引
8
9 private int _rowindex;//行索引
10    

2、页面Load事件中设置dgv初始属性和添加一个单元格单击事件，提取为方法：

代码 1 //设置下拉显示控件的属性
2
3 private void _SetDGVDrop()
4
5 {
6
7 //初始为不可见并且只读
8
9 dgv.Visible = false;
10
11 dgv.ReadOnly = true;
12
13 dgv.Height = 100;
14
15 //单元格选择模式为正行选择
16
17 dgv.SelectionMode = DataGridViewSelectionMode.FullRowSelect;
18
19 dgv.MultiSelect = false; //只用单行选择
20
21 dgv.ColumnHeadersVisible = false; //隐藏列头
22
23 //设置列宽
24
25 dgv.AutoSizeColumnsMode = DataGridViewAutoSizeColumnsMode.AllCells;
26
27 dgv.BackgroundColor = Color.FromName("window");
28
29 dgv.RowHeadersVisible = false; //隐藏行头
30
31 dgv.ScrollBars = ScrollBars.Vertical;//滚动条模式
32
33 dgv.AllowUserToAddRows = false; //禁止添加新行
34
35 dgv.AllowUserToDeleteRows = false;
36
37 dgv.AllowUserToOrderColumns = false;
38
39 dgv.AllowUserToResizeColumns = false;
40
41 dgv.AllowUserToResizeRows = false;
42
43 dgv.BackgroundColor = Color.White;
44
45 //设置单元格边框样式
46
47 dgv.AdvancedCellBorderStyle.Left = DataGridViewAdvancedCellBorderStyle.None;
48
49 dgv.AdvancedCellBorderStyle.Right = DataGridViewAdvancedCellBorderStyle.Single;
50
51 dgv.AdvancedCellBorderStyle.Bottom = DataGridViewAdvancedCellBorderStyle.None;
52
53 dgv.AdvancedCellBorderStyle.Top = DataGridViewAdvancedCellBorderStyle.None;
54
55 //添加单元格鼠标单击事件
56
57 dgv.CellMouseClick += new DataGridViewCellMouseEventHandler(dgv_CellMouseClick);
58
59 //向明细单显示控件中加入该下拉控件
60
61 kDGVIndentDetail.Controls.Add(dgv);
62
63 }
64
65    

dgv的单元格单击事件：

3、数据显示控件kDGVIndentDetail的商品列（colProId）类型为：KryptonDataGridViewTextBoxCell，在列的ButtonSpecs属性中添加一个buttonSpecAny名称为buttonSpecAny4，设置buttonSpecAny4的图片：

4、buttonSpecAny4的单击事件中显示下拉显示控件并调用控件的绑定事件：

  当单元格为编辑状态时，buttonSpecAny4按钮将显示，点击该按钮下拉控件显示所有数据，点击控件的某一列，将把指定的值赋给当前编辑的单元格（这里只取选中行[“aa”]列的值）

5、dgv的绑定方法：（为避免连接数据库，这里使用手工填充数据的方法）

代码 1 //绑定下拉显示控件
2
3 private void BindDGV(string str)
4
5 {
6
7 //填充数据源
8
9 DataTable dt = new DataTable();
10
11 dt.Columns.Add("aa");
12
13 dt.Columns.Add("bb");
14
15 dt.Columns.Add("cc");
16
17 dt.Columns.Add("ee");
18
19 DataRow dr = null;
20
21 for (int i = 0; i < 5; i++)
22
23 {
24
25 dr = dt.NewRow();
26
27 dr["aa"] = str + "aa" + i;
28
29 dr["bb"] = str + "bb" + i;
30
31 dr["cc"] = str + "cc" + i;
32
33 dr["ee"] = str + "ee" + i;
34
35 dt.Rows.Add(dr);
36
37 }
38
39  //绑定数据源
40
41 dgv.DataSource = dt;
42
43 }
44
45    

6、现在实现在单元格直接输入内容时自动配备显示数据库中的内容，在kDGVIndentDetail显示控件的EditingControlShowing事件中处理：

  TextChanged事件中根据用户数据内容动态匹配

代码 1 void kcell_TextChanged(object sender, EventArgs e)
2
3 {
4
5 KryptonDataGridViewTextBoxEditingControl kdgvtbox = (KryptonDataGridViewTextBoxEditingControl)sender;
6
7 //MessageBox.Show(kdgvtbox.Text);
8
9 if (kDGVIndentDetail.Columns[kDGVIndentDetail.CurrentCell.ColumnIndex].Name == "colProId")
10
11 {
12
13 BindDGV(kdgvtbox.Text);
14
15 _colindex = kDGVIndentDetail.CurrentCell.ColumnIndex;
16
17 _rowindex = kDGVIndentDetail.CurrentCell.RowIndex;
18
19 Rectangle rect = kDGVIndentDetail.GetCellDisplayRectangle(_colindex, _rowindex, false);
20
21 //设置显示控件的位置
22
23 dgv.Left = rect.Left;
24
25 dgv.Top = rect.Top + kdgvtbox.Size.Height;
26
27 dgv.Visible = true;
28
29 }
30
31
32
33 }
34
35    

7、滚动kDGVIndentDetail和改变列宽时，隐藏下拉显示控件

代码 1 private void kDGVIndentDetail_ColumnWidthChanged(object sender, DataGridViewColumnEventArgs e)
2
3 {
4
5 //隐藏下拉显示控件
6
7 dgv.Visible = false;
8
9 }
10
11
12
13 private void kDGVIndentDetail_Scroll(object sender, ScrollEventArgs e)
14
15 {
16
17 //隐藏下拉显示控件
18
19 dgv.Visible = false;
20
21 }
22
23    

暂且写到这里，还需要在使用中调试修改，下面是效果图：

单击单元格进入编辑模式时，查询按钮显示（放大镜）

输入内容时显示匹配内容:

点击放大镜显示所有内容:

代码 1 //单元格启用编辑时
2
3 private void kDGVIndentDetail_EditingControlShowing(object sender, DataGridViewEditingControlShowingEventArgs e)
4
5 {
6
7 //MessageBox.Show(""+sender.GetType().ToString());
8
9 KryptonDataGridView kdgv = (KryptonDataGridView)sender;
10
11 if (e.Control.GetType().Equals(typeof(KryptonDataGridViewTextBoxEditingControl))) //cell类型
12
13 {
14
15 KryptonDataGridViewTextBoxEditingControl kcell = e.Control as KryptonDataGridViewTextBoxEditingControl;
16
17 //MessageBox.Show(kcell.TextBox.Name);
18
19 //获取列名
20
21 //MessageBox.Show(kdgv.Columns[kdgv.CurrentCell.ColumnIndex].Name);
22
23 if (kdgv.Columns[kdgv.CurrentCell.ColumnIndex].Name == "colProId")//此列为显示商品代码的列
24
25 {
26
27 //添加按键事件
28
29 kcell.TextChanged += new EventHandler(kcell_TextChanged);
30
31 }
32
33 }
34
35 }
36
37    

 代码 1 private void buttonSpecAny4_Click(object sender, EventArgs e)
2
3 {
4
5 //点击可查询
6
7 //MessageBox.Show("点击查询:"+buttonSpecAny4.Owner.GetType());
8
9 KryptonDataGridViewTextBoxCell kdcell = (KryptonDataGridViewTextBoxCell)buttonSpecAny4.Owner;
10
11 BindDGV("");
12
13 Rectangle rect = kDGVIndentDetail.GetCellDisplayRectangle(kdcell.ColumnIndex, kdcell.RowIndex, false);
14
15 _colindex = kdcell.ColumnIndex;
16
17 _rowindex = kdcell.RowIndex;
18
19 //设置显示控件的位置
20
21 dgv.Left = rect.Left;
22
23 dgv.Top = rect.Top + kdcell.Size.Height;
24
25
26
27 dgv.Visible = true;
28
29 }
30
31    

代码 1 //下拉显示控件单元格双击事件,获得选择值并赋值给当前单元格
2
3 void dgv_CellMouseClick(object sender, DataGridViewCellMouseEventArgs e)
4
5 {
6
7 DataGridView dgv = (DataGridView)sender;
8
9 KryptonDataGridView kdgv = (KryptonDataGridView)dgv.Parent;
10
11 kdgv[_colindex,_rowindex].Value = dgv.CurrentRow.Cells["aa"].Value;
12
13 //隐藏 KryptonDataGridView
14
15 dgv.Visible = false;
16
17 //结束编辑，以显示选择结果值
18
19 kDGVIndentDetail.EndEdit();
20
21 }