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 }