DataGridView控件中加入ComboBox下拉列表框的實現(C#)

        雖然在Visual Studio中 DataGridView控件的DataGridViewComboBoxColumn可以實現下拉列表框，但這樣的列會在整列中都顯示下拉列表框，不太美觀，而且還要用代碼實現數據綁定。本文介紹一種只在當前編輯單元格中顯示下拉列表框的方法，供大家參考。

　　首先新建一個Windows應用程序，將主窗體重命名爲MainForm，在MainForm中加入一個DataGridView控件，命名爲dgv_User。如下圖所示：

　　打開窗體代碼窗口，在代碼窗口中聲明一個ComboBox的控件

// 定義下拉列表框
private ComboBox cmb_Temp = new ComboBox();

　　我們要綁定的下拉列表框的功能是選擇性別，添加如下綁定性別下拉列表框的方法

/// <summary>
/// 綁定性別下拉列表框
/// </summary>
private void BindSex()
{
    DataTable dtSex = new DataTable();
    dtSex.Columns.Add("Value");
    dtSex.Columns.Add("Name");
    DataRow drSex;
    drSex = dtSex.NewRow();
    drSex[0] = "1";
    drSex[1] = "男";
    dtSex.Rows.Add(drSex);
    drSex = dtSex.NewRow();
    drSex[0] = "0";
    drSex[1] = "女";
    dtSex.Rows.Add(drSex);
    cmb_Temp.ValueMember = "Value";
    cmb_Temp.DisplayMember = "Name";
    cmb_Temp.DataSource = dtSex;
    cmb_Temp.DropDownStyle = ComboBoxStyle.DropDownList;
}

　　通常情況下我們都是從數據庫中獲取數據表（或者數據集），然後綁定到DataGridView中的，這裏我們爲了避免連接數據庫，手中構造一個數據庫表，代碼如下：

private void BindData()
{
    DataTable dtData = new DataTable();
    dtData.Columns.Add("ID");
    dtData.Columns.Add("Name");
    dtData.Columns.Add("Sex");
    DataRow drData;
    drData = dtData.NewRow();
    drData[0] = 1;
    drData[1] = "張三";
    drData[2] = "1";
    dtData.Rows.Add(drData);
    drData = dtData.NewRow();
    drData[0] = 2;
    drData[1] = "李四";
    drData[2] = "1";
    dtData.Rows.Add(drData);
    drData = dtData.NewRow();
    drData[0] = 3;
    drData[1] = "王五";
    drData[2] = "1";
    dtData.Rows.Add(drData);
    drData = dtData.NewRow();
    drData[0] = 4;
    drData[1] = "小芳";
    drData[2] = "0";
    dtData.Rows.Add(drData);
    drData = dtData.NewRow();
    drData[0] = 5;
    drData[1] = "小娟";
    drData[2] = "0";
    dtData.Rows.Add(drData);
    drData = dtData.NewRow();
    drData[0] = 6;
    drData[1] = "趙六";
    drData[2] = "1";
    dtData.Rows.Add(drData);
    this.dgv_User.DataSource = dtData;
}

　　爲窗體加載事件添加如下方法，其具體功能有詳細說明：

private void MainForm_Load(object sender, EventArgs e)
{
    // 綁定性別下拉列表框
    BindSex();

    //綁定數據表
    BindData();

    // 設置下拉列表框不可見
    cmb_Temp.Visible = false;

    // 添加下拉列表框事件
    cmb_Temp.SelectedIndexChanged += new EventHandler(cmb_Temp_SelectedIndexChanged);

    // 將下拉列表框加入到DataGridView控件中
    this.dgv_User.Controls.Add(cmb_Temp);
}

 

　　當用戶選擇的單元格移動到性別這一列時，我們要顯示下拉列表框，添加如下事件

private void dgv_User_CurrentCellChanged(object sender, EventArgs e)
{
    try
    {
        if (this.dgv_User.CurrentCell.ColumnIndex == 2)
        {
            Rectangle rect = dgv_User.GetCellDisplayRectangle(dgv_User.CurrentCell.ColumnIndex, dgv_User.CurrentCell.RowIndex, false);
            string sexValue = dgv_User.CurrentCell.Value.ToString();
            if (sexValue == "1")
            {
                cmb_Temp.Text = "男";
            }
            else
            {
                cmb_Temp.Text = "女";
            }
            cmb_Temp.Left = rect.Left;
            cmb_Temp.Top = rect.Top;
            cmb_Temp.Width = rect.Width;
            cmb_Temp.Height = rect.Height;
            cmb_Temp.Visible = true;
        }
        else
        {
            cmb_Temp.Visible = false;
        }
    }
    catch
    {
    }
}

　　當用戶選擇下拉列表框時改變DataGridView單元格的內容

private void cmb_Temp_SelectedIndexChanged(object sender, EventArgs e)
{
    if (((ComboBox)sender).Text == "男")
    {
        dgv_User.CurrentCell.Value = "男";
        dgv_User.CurrentCell.Tag = "1";
    }
    else
    {
        dgv_User.CurrentCell.Value = "女";
        dgv_User.CurrentCell.Tag = "0";
    }
}

　　當滾動DataGridView或者改變DataGridView列寬時將下拉列表框設爲不可見

private void dgv_User_Scroll(object sender, ScrollEventArgs e)
{
    this.cmb_Temp.Visible = false;
}

private void dgv_User_ColumnWidthChanged(object sender, DataGridViewColumnEventArgs e)
{
    this.cmb_Temp.Visible = false;
}

　　綁定數據表後將性別列中的每一單元格的Value和Tag屬性（Tag爲值文本，Value爲顯示文本）

private void dgv_User_DataBindingComplete(object sender, DataGridViewBindingCompleteEventArgs e)
{
    for (int i = 0; i < this.dgv_User.Rows.Count; i++)
    {
        if (dgv_User.Rows[i].Cells[2].Value != null && dgv_User.Rows[i].Cells[2].ColumnIndex == 2)
        {
            dgv_User.Rows[i].Cells[2].Tag = dgv_User.Rows[i].Cells[2].Value.ToString();
            if (dgv_User.Rows[i].Cells[2].Value.ToString() == "1")
            {
                dgv_User.Rows[i].Cells[2].Value = "男";
            }
            else if (dgv_User.Rows[i].Cells[2].Value.ToString() == "0")
            {
                dgv_User.Rows[i].Cells[2].Value = "女";
            }
        }
    }
}

　　效果如下圖所示：

　　完整的代碼如下：

using System;
using System.Data;
using System.Collections.Generic;
using System.ComponentModel;
using System.Drawing;
using System.Text;
using System.Windows.Forms;

namespace MyNameSpace
{
    public partial class MainForm : Form
    {
        // 定義下拉列表框
        private ComboBox cmb_Temp = new ComboBox();

        public MainForm()
        {
            InitializeComponent();
        }

        /// <summary>
        /// 綁定性別下拉列表框
        /// </summary>
        private void BindSex()
        {
            DataTable dtSex = new DataTable();
            dtSex.Columns.Add("Value");
            dtSex.Columns.Add("Name");
            DataRow drSex;
            drSex = dtSex.NewRow();
            drSex[0] = "1";
            drSex[1] = "男";
            dtSex.Rows.Add(drSex);
            drSex = dtSex.NewRow();
            drSex[0] = "0";
            drSex[1] = "女";
            dtSex.Rows.Add(drSex);
            cmb_Temp.ValueMember = "Value";
            cmb_Temp.DisplayMember = "Name";
            cmb_Temp.DataSource = dtSex;
            cmb_Temp.DropDownStyle = ComboBoxStyle.DropDownList;
        }

        /// <summary>
        /// 爲避免連接數據庫，這裏手工構造數據表，實際應用中應從數據庫中獲取
        /// </summary>
        private void BindData()
        {
            DataTable dtData = new DataTable();
            dtData.Columns.Add("ID");
            dtData.Columns.Add("Name");
            dtData.Columns.Add("Sex");
            DataRow drData;
            drData = dtData.NewRow();
            drData[0] = 1;
            drData[1] = "張三";
            drData[2] = "1";
            dtData.Rows.Add(drData);
            drData = dtData.NewRow();
            drData[0] = 2;
            drData[1] = "李四";
            drData[2] = "1";
            dtData.Rows.Add(drData);
            drData = dtData.NewRow();
            drData[0] = 3;
            drData[1] = "王五";
            drData[2] = "1";
            dtData.Rows.Add(drData);
            drData = dtData.NewRow();
            drData[0] = 4;
            drData[1] = "小芳";
            drData[2] = "0";
            dtData.Rows.Add(drData);
            drData = dtData.NewRow();
            drData[0] = 5;
            drData[1] = "小娟";
            drData[2] = "0";
            dtData.Rows.Add(drData);
            drData = dtData.NewRow();
            drData[0] = 6;
            drData[1] = "趙六";
            drData[2] = "1";
            dtData.Rows.Add(drData);
            this.dgv_User.DataSource = dtData;
        }

        private void MainForm_Load(object sender, EventArgs e)
        {
            // 綁定性別下拉列表框
            BindSex();

            //綁定數據表
            BindData();

            // 設置下拉列表框不可見
            cmb_Temp.Visible = false;

            // 添加下拉列表框事件
            cmb_Temp.SelectedIndexChanged += new EventHandler(cmb_Temp_SelectedIndexChanged);

            // 將下拉列表框加入到DataGridView控件中
            this.dgv_User.Controls.Add(cmb_Temp);
        }

        // 當用戶移動到性別這一列時單元格顯示下拉列表框
        private void dgv_User_CurrentCellChanged(object sender, EventArgs e)
        {
            try
            {
                if (this.dgv_User.CurrentCell.ColumnIndex == 2)
                {
                    Rectangle rect = dgv_User.GetCellDisplayRectangle(dgv_User.CurrentCell.ColumnIndex, dgv_User.CurrentCell.RowIndex, false);
                    string sexValue = dgv_User.CurrentCell.Value.ToString();
                    if (sexValue == "1")
                    {
                        cmb_Temp.Text = "男";
                    }
                    else
                    {
                        cmb_Temp.Text = "女";
                    }
                    cmb_Temp.Left = rect.Left;
                    cmb_Temp.Top = rect.Top;
                    cmb_Temp.Width = rect.Width;
                    cmb_Temp.Height = rect.Height;
                    cmb_Temp.Visible = true;
                }
                else
                {
                    cmb_Temp.Visible = false;
                }
            }
            catch
            {
            }
        }

        // 當用戶選擇下拉列表框時改變DataGridView單元格的內容
        private void cmb_Temp_SelectedIndexChanged(object sender, EventArgs e)
        {
            if (((ComboBox)sender).Text == "男")
            {
                dgv_User.CurrentCell.Value = "男";
                dgv_User.CurrentCell.Tag = "1";
            }
            else
            {
                dgv_User.CurrentCell.Value = "女";
                dgv_User.CurrentCell.Tag = "0";
            }
        }

        // 滾動DataGridView時將下拉列表框設爲不可見
        private void dgv_User_Scroll(object sender, ScrollEventArgs e)
        {
            this.cmb_Temp.Visible = false;
        }

        // 改變DataGridView列寬時將下拉列表框設爲不可見
        private void dgv_User_ColumnWidthChanged(object sender, DataGridViewColumnEventArgs e)
        {
            this.cmb_Temp.Visible = false;
        }

        // 綁定數據表後將性別列中的每一單元格的Value和Tag屬性（Tag爲值文本，Value爲顯示文本）
        private void dgv_User_DataBindingComplete(object sender, DataGridViewBindingCompleteEventArgs e)
        {
            for (int i = 0; i < this.dgv_User.Rows.Count; i++)
            {
                if (dgv_User.Rows[i].Cells[2].Value != null && dgv_User.Rows[i].Cells[2].ColumnIndex == 2)
                {
                    dgv_User.Rows[i].Cells[2].Tag = dgv_User.Rows[i].Cells[2].Value.ToString();
                    if (dgv_User.Rows[i].Cells[2].Value.ToString() == "1")
                    {
                        dgv_User.Rows[i].Cells[2].Value = "男";
                    }
                    else if (dgv_User.Rows[i].Cells[2].Value.ToString() == "0")
                    {
                        dgv_User.Rows[i].Cells[2].Value = "女";
                    }
                }
            }
        }
    }
}