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 }