DataGridView控件用法（二）：为每行记录最后加“编辑”-“删除”按钮列

1. 在DataGridView控件用法（一）中已经显示出列表数据，这时我们需要对每行数据记录进行编辑，需要添加“编辑”、“删除”、“查看”这样的超链接。代码如下：

1 //为每行数据增加编辑列。
2 //设定列不能自动作成
3 UserdataGridView.AutoGenerateColumns = false;
4 //创建一个DataGridViewLinkColumn列
5 DataGridViewLinkColumn dlink = new DataGridViewLinkColumn();
6 dlink.Text = "编辑";//添加的这列的显示文字，即每行最后一列显示的文字。
7 dlink.Name = "linkEdit";
8 dlink.HeaderText = "编辑";//列的标题
9 dlink.UseColumnTextForLinkValue = true;//上面设置的dlink.Text文字在列中显示
10 UserdataGridView.Columns.Add(dlink);//将创建的列添加到UserdataGridView中
11
12 //同上方法为每条记录创建“删除”超链接
13 DataGridViewLinkColumn dlink2 = new DataGridViewLinkColumn();
14 dlink2.Text = "删除";
15 dlink2.Name = "linkDelete";
16 dlink2.HeaderText = "删除";
17 dlink2.UseColumnTextForLinkValue = true;
18 UserdataGridView.Columns.Add(dlink2);
19
20 //同上方法为每条记录创建“查看”超链接
21 DataGridViewLinkColumn dlink3 = new DataGridViewLinkColumn();
22 dlink3.Text = "查看";
23 dlink3.Name = "linkView";
24 dlink3.HeaderText = "查看";
25 dlink3.UseColumnTextForLinkValue = true;
26 UserdataGridView.Columns.Add(dlink3);

执行效果如下：

PS：上述是自己编写代码实现这些按钮，你也可以在设计器中利用属性栏来添加（通过直接点击DataGridView的编辑列，点击“添加”，选择“未绑定列”，选择类型为“DataGridViewButtonColumn”）。

同理：单元格显示按钮（DataGridViewButtonColumn），添加下拉框（DataGridViewComboBoxColumn），显示选择框（DataGridViewCheckBoxColumn） 方法也是这样。实际上DataGridViewColumn有六种派生类： DataGridViewButtonColumn，DataGridViewCheckBoxColumn，DataGridViewComboBoxColumn，DataGridViewImageColumn

，DataGridViewLinkColumn 和DataGridViewTextBoxColumn，你可以根据自己不同需要选择不同列的类型，用法一样，只是类不同而已。

DataGridViewButtonColumn用法如下：

1 //设定列不能自动作成
2 UserdataGridView.AutoGenerateColumns = false;
3 //创建一个DataGridViewButtonColumn按钮列
4 DataGridViewButtonColumn dbtEdit = new DataGridViewButtonColumn();
5 dbtEdit.Text = "编辑";//添加的这列的显示文字，即每行最后一列显示的文字。
6 dbtEdit.Name = "buttonEdit";
7 dbtEdit.HeaderText = "编辑";//列的标题
8 dbtEdit.UseColumnTextForButtonValue = true;//上面设置的dlink.Text文字在列中显示
9 dbtEdit.Width = 66;
10 UserdataGridView.Columns.Add(dbtEdit);//将创建的列添加到UserdataGridView中
11
12 //创建“删除”按钮
13 DataGridViewButtonColumn dbtDelete = new DataGridViewButtonColumn();
14 dbtDelete.Text = "删除";
15 dbtDelete.Name = "buttonDelete";
16 dbtDelete.HeaderText = "删除";
17 dbtDelete.UseColumnTextForButtonValue = true;
18 dbtDelete.Width = 66;
19 UserdataGridView.Columns.Add(dbtDelete);
20
21 //创建“查看”按钮
22 DataGridViewButtonColumn dbtView = new DataGridViewButtonColumn();
23 dbtView.Text = "查看";
24 dbtView.Name = "buttonView";
25 dbtView.HeaderText = "查看";
26 dbtView.UseColumnTextForButtonValue = true;
27 dbtView.Width = 66;
28 UserdataGridView.Columns.Add(dbtView);

效果如下：

单元格添加下拉框，DataGridViewComboBoxColumn用法如下：

1 DataGridViewComboBoxColumn dCombo = new DataGridViewComboBoxColumn();
2 dCombo.Items.Add("管理员");
3 dCombo.Items.Add("会员");
4 dCombo.Items.Add("用户");
5 dCombo.Name = "dCombo";
6 //该列显示的位置
7 //dcombo.DisplayIndex = 1;
8 dCombo.HeaderText = "角色";
9
10 //绑定数据库的值时使用以下属性
11 //dCombo.DataSource = ds1 //ds1为从要显示的数据库表中查出来的数据集，如DatsSet等。
12 //dCombo.DataPropertyName = "USER_ID";//绑定的列
13
14 UserdataGridView.Columns.Add(dCombo); 

效果如下：

注意：上图左边的下拉框无法展开下面的数据，因为dataGridView的下拉框是在编辑表格可以编辑状态时才能拉出下面的选项，也就是说需要在dataGridView的ReadOnly属性为false的情况下，才可点击展开下面的数据，如上右图。

上述代码创建了一个下拉列表，默认显示的下拉框，选择时需要点击三次，第一次选中单元格，第二次启用编辑，第三次打开下拉框。如果需要一次点击打开下拉框，可以启用DataGridView的CellEnter()事件，代码如下：

1 private void UserdataGridView_CellEnter(object sender, DataGridViewCellEventArgs e)
2 {
3 //实现单击一次显示下拉列表框
4 if (UserdataGridView.Columns[e.ColumnIndex] is DataGridViewComboBoxColumn && e.RowIndex != -1)
5 {
6 SendKeys.Send("{F4}");
7 }
8 }

PS：还可以将下拉框动态绑定数据库。通过dCombo.DataSource和dcombo.DataPropertyNam来设置该下拉框数据来自的数据源，和绑定的列，具体用法略。

单元格添加复选框和图片控件，DataGridViewCheckBoxColumn，DataGridViewImageColumn用法如下：

1 //DataGridView显示复选框
2 DataGridViewCheckBoxColumn checkBox = new DataGridViewCheckBoxColumn();
3 checkBox.HeaderText = "选择框";
4 checkBox.Name = "checkbox";
5 checkBox.AutoSizeMode =
6 DataGridViewAutoSizeColumnMode.DisplayedCells;
7 checkBox.FlatStyle = FlatStyle.Standard;
8 //显示选择框的三种状态
9 checkBox.ThreeState = true;
10 UserdataGridView.Columns.Add(checkBox);
11
12 //DataGridView显示图像
13 DataGridViewImageColumn dgvI = new DataGridViewImageColumn();
14 dgvI.Name = "Image";
15 dgvI.ValuesAreIcons = false;
16 dgvI.Image = new Bitmap("F://ashin.jpg");
17 dgvI.ImageLayout = DataGridViewImageCellLayout.Zoom;
18 dgvI.Description = "测试的图片";
19 UserdataGridView.Columns.Add(dgvI);

效果如下：

2. 按钮触发的事件。添加了这些按钮是为了点击跳到不同的程序段执行不同的功能，拦截鼠标点击触发的事件函数如下：

1 //在表格上单击触发的事件，不同的按钮或超链接或图片下拉框等等都在这里判断。
2 private void UserdataGridView_CellContentClick(object sender, DataGridViewCellEventArgs e)
3 {
4 if (UserdataGridView.Columns[e.ColumnIndex].Name == "buttonEdit")
5 {
6 MessageBox.Show("触发了编辑按钮");
7 }
8 else if (UserdataGridView.Columns[e.ColumnIndex].Name == "buttonDelete")
9 {
10 MessageBox.Show("触发了删除按钮");
11 }
12 else if (UserdataGridView.Columns[e.ColumnIndex].Name == "buttonView")
13 {
14 MessageBox.Show("触发了查看按钮");
15 }
16 }

3. DataGridView中合并列。上述我们添加的3个按钮在3个列中，而我们希望这3个列能有一个共同的表头可以叫做“编辑”或“操作”。但在WinForm中我们常用的DataGridView控件，不支持在一列中显示多个按钮。怎么办？网上对DataGridView控件的列或行的合并有很多博文，大致思想有2种，一种是设法让其一列可以显示多个按钮，另一种是每列显示一个按钮（如本文上面的做法），然后将这3列合并，合并的时候是利用DataGridView的CellPainting事件对表头进行重绘，网友们说该方法存在页面往下拉动时表格绘制偏差或绘制延迟不刷新等问题，似乎后面这种方法用的多些。总之无论哪种方法实现起来都貌似比较繁琐，时间有限，我只是练练手（本身就是新手），弄个小程序而已，不想花太多时间研究这个小细节，等以后有空，再回来仔细研究研究。下面给个合并列的例子，有个朋友是这样实现二维表头的，代码如下：

1 int top = 0;
2 int left = 0;
3 int height = 0;
4 int width1 = 0;
5 private void dataGridView1_CellPainting(object sender, DataGridViewCellPaintingEventArgs e)
6 {
7 #region 重绘datagridview表头
8 DataGridView dgv = (DataGridView)(sender);
9 if (e.RowIndex == -1 && (e.ColumnIndex == 3 || e.ColumnIndex == 4))
10 {
11 //e.CellStyle.Font = new Font(dataGridView1.DefaultCellStyle.Font, FontStyle.Bold);
12 //e.CellStyle.WrapMode = DataGridViewTriState.True;
13 if (e.ColumnIndex == 3)
14 {
15 top = e.CellBounds.Top;
16 left = e.CellBounds.Left;
17 height = e.CellBounds.Height;
18 width1 = e.CellBounds.Width;
19 }
20
21 int width2 = this.dataGridView1.Columns[4].Width;
22
23 Rectangle rect = new Rectangle(left, top, width1 + width2, e.CellBounds.Height);
24 using (Brush backColorBrush = new SolidBrush(e.CellStyle.BackColor))
25 {
26 //抹去原来的cell背景
27 e.Graphics.FillRectangle(backColorBrush, rect);
28 }
29
30 using (Pen gridLinePen = new Pen(dgv.GridColor))
31 {
32 e.Graphics.DrawLine(gridLinePen, left, top, left + width1 + width2, top);
33 e.Graphics.DrawLine(gridLinePen, left, top + height / 2, left + width1 + width2, top + height / 2);
34 e.Graphics.DrawLine(gridLinePen, left + width1, top + height / 2, left + width1, top + height);
35
36 //计算绘制字符串的位置
37 string columnValue = Year;
38 SizeF sf = e.Graphics.MeasureString(columnValue, e.CellStyle.Font);
39 float lstr = (width1 + width2 - sf.Width) / 2;
40 float rstr = (height / 2 - sf.Height) / 2;
41 //画出文本框
42 if (columnValue != "")
43 {
44 e.Graphics.DrawString(columnValue, e.CellStyle.Font, new SolidBrush(e.CellStyle.ForeColor),
45 left + lstr,
46 top + rstr,
47 StringFormat.GenericDefault);
48 }
49
50 //计算绘制字符串的位置
51 columnValue = "局网台资产额";
52 sf = e.Graphics.MeasureString(columnValue, e.CellStyle.Font);
53 lstr = (width1 - sf.Width) / 2;
54 rstr = (height / 2 - sf.Height) / 2;
55 //画出文本框
56 if (columnValue != "")
57 {
58 e.Graphics.DrawString(columnValue, e.CellStyle.Font, new SolidBrush(e.CellStyle.ForeColor),
59 left + lstr,
60 top + height / 2 + rstr,
61 StringFormat.GenericDefault);
62 }
63
64 //计算绘制字符串的位置
65 columnValue = "网络资产额";
66 sf = e.Graphics.MeasureString(columnValue, e.CellStyle.Font);
67 lstr = (width2 - sf.Width) / 2;
68 rstr = (height / 2 - sf.Height) / 2;
69 //画出文本框
70 if (columnValue != "")
71 {
72 e.Graphics.DrawString(columnValue, e.CellStyle.Font, new SolidBrush(e.CellStyle.ForeColor),
73 left + width1 + lstr,
74 top + height / 2 + rstr,
75 StringFormat.GenericDefault);
76 }
77 }
78 e.Handled = true;
79 }
80 #endregion
81 }

不过：虽然没有仔细研究列的合并，我暂时还是找了个方法一定程度上替代了合并问题。因为我需要的是合并“删除”、“编辑”和“查看”这三列，本想就不显示表头好了，反正是操作列，不显示表头不注意也看不出什么来。巧合，我发现爱英思躺一个月以前发布了一篇博客专门介绍EasyCode生成器生成的修改、删除信息列表界面，用的是EasyCode 2.0版本，生成的页面第一感觉就是非常清新，真是眼前一亮，原来EasyCode代码生成器这么强大！！更诱人的是正有我想要的类似的合并列的功能，为什么说类似呢，因为样子是一样，但他是将1列（一个单元格）里面放置2个按钮，而不是常见的那种一列放一个按钮然后合并单元格的表头。下面就是爱英思躺团队用EasyCode 2.0.50727.4963版本生成的WinForm中DataGridView控件的自定义按钮列的外观，请看：

关于如何设计WinForm中DataGridView控件的自定义按钮列，详细可参考该博客：

http://www.cnblogs.com/BudEasyCode/archive/2012/02/29/2373702.html

EasyCode的官方网站：http://www.budeasycode.com

我并没有用生成的所有代码，而是只拿出了其中的DataGridViewActionButtonColumn.cs类当控件来用的（该类是作者们继承DataGridViewColumn类，自己定制的一个控件而已！正如我们前面提到的DataGridViewColumn有六种派生类： DataGridViewButtonColumn，DataGridViewCheckBoxColumn…一样！） 我的用法，详见下一篇：DataGridView控件用法（三）。

本文链接：DataGridView控件用法（二）：为每行记录最后加“编辑”-“删除”按钮列

转载声明：本站文章若无特别说明，皆为原创，转载请注明来源：Blog of JJoy，谢谢！^^