[WinForm ADO.NET实现TaskVision][SQL Server 2008][winform datagridview总结][自定义Custom

693579551

　　前面的博文：WPF+SQL Server 2008 TaskVision Demo小结，写了用WPF和SQL Server 2008实现这个Demo时候遇到的一些有必要说明的地方。如SQL Server的相关设置问题，DataGrid的Binding等...
　　毕竟那是WPF，其为我们简化了页面的表示，如提供了DataGrid控件扩展了Winform下的DataGridView控件！
　　那么我们用Winform如何实现相同的功能呢？
　　下面DebugLZQ来总结下Winform中的DataGridView的使用。
　　一般用过datagridview控件的人都知道，该控件提供了6种不同的column，vs08、vs10、vs12都是这样，如下：

　　DebugLZQ写了一个小例子来展示这些column的使用。
　　我在一个Winform页面上添加了一个datagridview控件，并通过编辑器，添加了7个column，这些column包含了以上所有的6中DataGridViewColumn。如下：

　　我们来看下用法：



        private void Form3_Load(object sender, EventArgs e)
{
LoadData();
dataGridView1.AutoGenerateColumns = false;
}
///
//1.DataGridView各种Column使用
//可添加CellContentClick事件根据列进行相应的处理
///
private void LoadData()
{
//演示DataGridView各种Colum使用
dataGridView1.AutoGenerateColumns = false;
DataTable dataTable = SQLHelper.GetDataTable("select * from tb_TaskInfo");
//dataGridView1.DataSource = dataTable;
            dataGridView1.Rows.Add(dataTable.Rows.Count);
for (int i = 0; i < dataTable.Rows.Count; i++)
{               
dataGridView1.Rows.Cells["Id"].Value = dataTable.Rows.ItemArray[0].ToString();//DataGridViewTextBoxColumn
dataGridView1.Rows.Cells["PLevel"].Value = Image.FromFile(dataTable.Rows.ItemArray[9].ToString());//DataGridViewImageColumn
dataGridView1.Rows.Cells["Distribution"].Value = dataTable.Rows.ItemArray[2].ToString();//DataGridViewLinkColumn
dataGridView1.Rows.Cells["Abstract"].Value = dataTable.Rows.ItemArray[3].ToString();
dataGridView1.Rows.Cells["State"].Value = dataTable.Rows.ItemArray[4].ToString();//DataGridViewComboBoxColumn
if (dataTable.Rows.ItemArray[4].ToString() == "Open")
{
dataGridView1.Rows.Cells["State2"].Value = true;//DataGridViewCheckBoxColumn
                }
else
{
dataGridView1.Rows.Cells["State2"].Value = false;
}
dataGridView1.Rows.Cells["Rate"].Value = dataTable.Rows.ItemArray[5].ToString() + "%";//DataGridViewButtonColumn
               
}
}
　　需要对鼠标点击事件进行处理的话，我们可以添加类似CellContentClick事件，定位具体列、单元格等进行相应的处理。
其运行效果如下：

　　其数据库表数据格式如下：

　　上面的运行图只是演示下如何用自带的各种Column，奇丑无比不谈，还没有实现相应的功能，比如说我们最后一列的百分。
　　一般情况下，我们可以在使用datagridview自带Column的基础上，通过datagridview的cellpainting事件，来进行处理，实现一些特殊的功能。
　　添加dataGridView1的CellPainting事件，事件处理如下：



        //2.有特别需要的地方用CellPainting事件进行重绘
private void dataGridView1_CellPainting(object sender, DataGridViewCellPaintingEventArgs e)
{
if (e.RowIndex >= 0 && e.ColumnIndex == 6)
{
int rate = Convert.ToInt32(dataGridView1.Rows[e.RowIndex].Cells["Rate"].Value.ToString().Substring(0, dataGridView1.Rows[e.RowIndex].Cells["Rate"].Value.ToString().Length - 1));
Rectangle newRect = new Rectangle(e.CellBounds.X, e.CellBounds.Y, rate,
e.CellBounds.Height);
using (Brush gridBrush = new SolidBrush(dataGridView1.GridColor), backColorBrush = new SolidBrush(e.CellStyle.BackColor))
{
using (Pen gridLinePen = new Pen(gridBrush, 2))
{
// Erase the cell.
                        e.Graphics.FillRectangle(backColorBrush, e.CellBounds);
//划线
Point p1 = new Point(e.CellBounds.Left + e.CellBounds.Width, e.CellBounds.Top);
Point p2 = new Point(e.CellBounds.Left + e.CellBounds.Width, e.CellBounds.Top + e.CellBounds.Height);
Point p3 = new Point(e.CellBounds.Left, e.CellBounds.Top + e.CellBounds.Height);
Point[] ps = new Point[] { p1, p2, p3 };
e.Graphics.DrawLines(gridLinePen, ps);
//画多边形
                        e.Graphics.DrawRectangle(Pens.LightBlue, newRect);
e.Graphics.FillRectangle(Brushes.LightBlue, newRect);
//画字符串
e.Graphics.DrawString(rate.ToString() + "%", e.CellStyle.Font, Brushes.Crimson,
e.CellBounds.Left + 20, e.CellBounds.Top + 5, StringFormat.GenericDefault);
e.Handled = true;
}
}
}
}
　　效果如下：

　　一般的用法就是这样。

界面丑？                                                                              
　　我们来美化下：

　　主要的美化方法是：
　　去掉自动生成的第一列 ：RowHeadersVisible=false;   
　　隔行变色：设置以下2个属性  
　　dataGridViewX1.RowsDefaultCellStyle.BackColor ；
　　dataGridViewX1.AlternatingRowsDefaultCellStyle.BackColor ；
　　设置行选中：SelectionMode=FullRowSelect；   
　　禁止改变列高：AllowUserToResizeRows = False
　　鼠标经过改变形状及颜色：后面有代码。
　　都是一些datagridview的小细节，无伤大雅，重点不在这。内在的东西才最重要！

还是有点丑？                                                                          
　　再来美化下，加个皮肤吧----这个DebugLZQ千米的博文有介绍。
　　效果如下：

　　界面这下差不多OK了。是不是有点像WPF搞得？
　　貌似有点跑的远了，光盯着界面了。我们来总结下：

datagridview为我们提供了6种自带的Column，不能满足要求的话，我们可以通过datagridview的CellPainting事件绘制，来实现一些特别的需求。
　　当然针对上面的Form2，DebugLZQ只是用了DataGridViewTextBoxColumn+CellPainting来实现的。
　　实现过程如下：
　　1.定义DataGridView的列，注意这个DataPropertyName：设置显示DataTable中的列名。

　　注意设置：dataGridView1.AutoGenerateColumns = false;来禁止datagridView自动为我们添加列。
　　2.数据绑定及CellPainting事件处理如下：



using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;
namespace TaskVision_V_1_WinForm
{
public partial class Form2 : Form
{
public Form2()
{
InitializeComponent();
imageComboBoxUserControl1.Items.Add(new ImageComboBoxUserControl.ItemEx("Major", Image.FromFile("Images/Major.gif")));
imageComboBoxUserControl1.Items.Add(new ImageComboBoxUserControl.ItemEx("Medium", Image.FromFile("Images/Medium.gif")));
imageComboBoxUserControl1.Items.Add(new ImageComboBoxUserControl.ItemEx("Minor", Image.FromFile("Images/Minor.gif")));
}
private void Form2_Load(object sender, EventArgs e)
{
dataGridView1.AutoGenerateColumns = false;
DataTable dataTable = SQLHelper.GetDataTable("select * from tb_TaskInfo");
dataGridView1.DataSource = dataTable;
}
private void dataGridView1_CellPainting(object sender, DataGridViewCellPaintingEventArgs e)
{
//第2列改成显示图片
if (e.RowIndex >= 0 && e.ColumnIndex == 1)
{
if (dataGridView1.Rows[e.RowIndex].Cells["PLevel"].Value == DBNull.Value)
return;
string imagePath = "Images/" + dataGridView1.Rows[e.RowIndex].Cells["PLevel"].Value + ".gif";
if (imagePath == "Images/.gif")
return;
Image img = Image.FromFile(imagePath);
Rectangle newRect = new Rectangle(e.CellBounds.X, e.CellBounds.Y, e.CellBounds.Height,
e.CellBounds.Height);

using (Brush gridBrush = new SolidBrush(dataGridView1.GridColor), backColorBrush = new SolidBrush(e.CellStyle.BackColor))
{
using (Pen gridLinePen = new Pen(gridBrush, 2))
{
// Erase the cell.
                        e.Graphics.FillRectangle(backColorBrush, e.CellBounds);
//划线
Point p1 = new Point(e.CellBounds.Left + e.CellBounds.Width, e.CellBounds.Top);
Point p2 = new Point(e.CellBounds.Left + e.CellBounds.Width, e.CellBounds.Top + e.CellBounds.Height);
Point p3 = new Point(e.CellBounds.Left, e.CellBounds.Top + e.CellBounds.Height);
Point[] ps = new Point[] { p1, p2, p3 };
e.Graphics.DrawLines(gridLinePen, ps);
//画图标
                        e.Graphics.DrawImage(img, newRect);
////画字符串
//e.Graphics.DrawString(dataGridView1.Rows[e.RowIndex].Cells["PLevel"].Value.ToString(), e.CellStyle.Font, Brushes.Crimson,
//    e.CellBounds.Left + 20, e.CellBounds.Top + 5, StringFormat.GenericDefault);
e.Handled = true;
}
}
}
//第6列改成图形百分比
else if (e.RowIndex >= 0 && e.ColumnIndex == 5)
{
int rate = Convert.ToInt32(dataGridView1.Rows[e.RowIndex].Cells["Rate"].Value);
Rectangle newRect = new Rectangle(e.CellBounds.X, e.CellBounds.Y, rate,
e.CellBounds.Height);
using (Brush gridBrush = new SolidBrush(dataGridView1.GridColor), backColorBrush = new SolidBrush(e.CellStyle.BackColor))
{
using (Pen gridLinePen = new Pen(gridBrush, 2))
{
// Erase the cell.
                        e.Graphics.FillRectangle(backColorBrush, e.CellBounds);
//划线
Point p1 = new Point(e.CellBounds.Left + e.CellBounds.Width, e.CellBounds.Top);
Point p2 = new Point(e.CellBounds.Left + e.CellBounds.Width, e.CellBounds.Top + e.CellBounds.Height);
Point p3 = new Point(e.CellBounds.Left, e.CellBounds.Top + e.CellBounds.Height);
Point[] ps = new Point[] { p1, p2, p3 };
e.Graphics.DrawLines(gridLinePen, ps);
//画多边形
                        e.Graphics.DrawRectangle(Pens.LightBlue, newRect);
e.Graphics.FillRectangle(Brushes.LightBlue, newRect);
//画字符串
e.Graphics.DrawString(rate.ToString() + "%", e.CellStyle.Font, Brushes.Crimson,
e.CellBounds.Left + 20, e.CellBounds.Top + 5, StringFormat.GenericDefault);
e.Handled = true;
}
}
}           
}
private void button1_Click(object sender, EventArgs e)
{
//get/set
imageComboBoxUserControl1.SelectedIndex = 2;
MessageBox.Show(imageComboBoxUserControl1.SelectedItem.ToString());
}
/////////////////////////////////////
//设置鼠标经过改变颜色              
Color colorTmp = Color.White; // 用来记录先前的颜色值      
private void dataGridView1_CellMouseEnter(object sender, DataGridViewCellEventArgs e)
{
if (e.RowIndex >= 0)
{
colorTmp = dataGridView1.Rows[e.RowIndex].DefaultCellStyle.BackColor;
dataGridView1.Rows[e.RowIndex].DefaultCellStyle.BackColor = Color.Red;
}
}
private void dataGridView1_CellMouseLeave(object sender, DataGridViewCellEventArgs e)
{
if (e.RowIndex >= 0)
{
dataGridView1.Rows[e.RowIndex].DefaultCellStyle.BackColor = colorTmp;
}
}
}
}
　　页面中多了一些代码？是LZ为了模仿WPF的ComboBox自定义的ImageComboBoxUserControl控件，
　　该自定义ImageComboBoxUserControl控件，让ComboBox中同时显示图片和文字。

　　其源码如下,控件的使用方法见上面的代码。



using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Drawing;
using System.Data;
using System.Linq;
using System.Text;
using System.Windows.Forms;
using System.Drawing.Drawing2D;
namespace TaskVision_V_1_WinForm
{
public partial class ImageComboBoxUserControl : ComboBox
{
public ImageComboBoxUserControl()
{
//InitializeComponent();
DrawMode = System.Windows.Forms.DrawMode.OwnerDrawFixed;
DropDownStyle = ComboBoxStyle.DropDownList;
ItemHeight = 30;
Width = 80;
}
protected override void OnDrawItem(DrawItemEventArgs e)
{
if (Items.Count == 0 || e.Index == -1)
return;
if ((e.State & DrawItemState.Selected) != 0)
{
//渐变画刷
LinearGradientBrush brush = new LinearGradientBrush(e.Bounds, Color.FromArgb(255, 251, 237),
Color.FromArgb(255, 236, 181), LinearGradientMode.Vertical);
//填充区域
Rectangle borderRect = new Rectangle(3, e.Bounds.Y, e.Bounds.Width - 5, e.Bounds.Height - 2);
e.Graphics.FillRectangle(brush, borderRect);
//画边框
Pen pen = new Pen(Color.FromArgb(229, 195, 101));
e.Graphics.DrawRectangle(pen, borderRect);
}
else
{
SolidBrush brush = new SolidBrush(Color.FromArgb(255, 255, 255));
e.Graphics.FillRectangle(brush, e.Bounds);
}
//获得项图片,绘制图片
ItemEx item = (ItemEx)Items[e.Index];
Image img = item.Image;
//图片绘制的区域
Rectangle imgRect = new Rectangle(6, e.Bounds.Y + 3, 30, 30);
e.Graphics.DrawImage(img, imgRect);
//文本内容显示区域
Rectangle textRect =
new Rectangle(imgRect.Right + 2, imgRect.Y, e.Bounds.Width - imgRect.Width, e.Bounds.Height - 2);
//获得项文本内容,绘制文本
String itemText = Items[e.Index].ToString();
//文本格式垂直居中
StringFormat strFormat = new StringFormat();
strFormat.LineAlignment = StringAlignment.Center;            
e.Graphics.DrawString(itemText, new Font("微软雅黑", 12), Brushes.Black, textRect, strFormat);
base.OnDrawItem(e);            
}
public class ItemEx
{
public ItemEx(string text, Image img)
{
Text = text;
Image = img;
}
public string Text { get; set; }
public Image Image { get; set; }
public override string ToString()
{
return Text;
}
}
}
}
　　这样就用Winform从技术上重新实现了前面的WPF+SQL Server 2008的TaskVision。
感受的是Winform datagridview和WPF datagrid的使用，区别，及两种不同的界面驱动编码方式。
　　关于：实现Winform自定义控件ImageComboBoxUserControl，也可以参考DebugLZQ前面的一篇博文：在Winform窗体中使用WPF控件（附源码）
　　关于：DataGridView控件默认只支持DataGridViewButtonColumn、DataGridViewCheckBoxColumn、DataGridViewComboBoxColumn、DataGridViewImageColumn、DataGridViewLinkColumn和DataGridViewTextBoxColumn六种列类型，如果你想要在DataGridView的列中添加其它的子控件，则需要自己实现DataGridViewColumn和DataGridViewCell。可参考：C# WinForm下DataGridView单选按钮列和支持三种选择状态的复选框列的实现
　　另外：直接在datagridview中编辑，批量更新。如下：


View Code


using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;
using System.Data.SqlClient;
namespace TaskVision_V_1_WinForm
{
public partial class Form4 : Form
{
public Form4()
{
InitializeComponent();
}
private DataTable dt = new DataTable();
private SqlDataAdapter sda = new SqlDataAdapter();
private Boolean isUpdate = false;
private void Form4_Load(object sender, EventArgs e)
{
LoadData();
}

private void LoadData()
{
dataGridView1.AutoGenerateColumns = false;
SqlConnection conn = new SqlConnection(@"server=LocalHost;database=TaskVision;Trusted_Connection=SSPI");
SqlCommand cmd = new SqlCommand("select * from tb_TaskInfo ", conn);
sda.SelectCommand = cmd;
sda.Fill(dt);
dataGridView1.DataSource = dt;
}
private void dataGridView1_CellValueChanged(object sender, DataGridViewCellEventArgs e)
{
isUpdate = true;            
}
///
/// 直接在datagridview中进行批量修改
///         
private void button1_Click(object sender, EventArgs e)
{
if (isUpdate)
{
try
{
SqlCommandBuilder SCB = new SqlCommandBuilder(sda);
sda.Update(dt);
isUpdate = false;
}
catch (System.Exception ex)
{
MessageBox.Show(ex.ToString());
return;
}
MessageBox.Show("更新成功! ");
}
else
{
MessageBox.Show("没有更新内容! ");
}
}
}
}