RSS

Column Header CheckBox in DataGridView (Winfoms)

14 Jun

Introduction

This article will explains about creating & displaying Column Header CheckBox in winforms DataGridView.

Background

Bydefault DataGridView doen’t supports column header chekbox, for this we need to write a class which is inherited by DataGridViewColumnHeaderCell class.

1) Add a boolean propery named CheckAll in that class to maintain the seleced state of Header checkbox.

2) override default implemention of Paint method. In this method, drawing the CheckBox at column Header.

3) override its OnMouseClick event. Here handle the click event of header checkbox.

I have created class named DGVColumnHeader as follows…

<pre id="pre0">    class DGVColumnHeader : DataGridViewColumnHeaderCell
    {
        private Rectangle CheckBoxRegion;
        private bool checkAll = false;

        protected override void Paint(Graphics graphics,
            Rectangle clipBounds, Rectangle cellBounds, int rowIndex,
            DataGridViewElementStates dataGridViewElementState,
            object value, object formattedValue, string errorText,
            DataGridViewCellStyle cellStyle, DataGridViewAdvancedBorderStyle advancedBorderStyle,
            DataGridViewPaintParts paintParts)
        {

            base.Paint(graphics, clipBounds, cellBounds, rowIndex, dataGridViewElementState, value,
                formattedValue, errorText, cellStyle, advancedBorderStyle, paintParts);

            graphics.FillRectangle(new SolidBrush(cellStyle.BackColor), cellBounds);

            CheckBoxRegion = new Rectangle(
                cellBounds.Location.X + 1,
                cellBounds.Location.Y + 2,
                25, cellBounds.Size.Height - 4);


            if (this.checkAll)
                ControlPaint.DrawCheckBox(graphics, CheckBoxRegion, ButtonState.Checked);
            else
                ControlPaint.DrawCheckBox(graphics, CheckBoxRegion, ButtonState.Normal);

            Rectangle normalRegion =
                new Rectangle(
                cellBounds.Location.X + 1 + 25,
                cellBounds.Location.Y,
                cellBounds.Size.Width - 26,
                cellBounds.Size.Height);

            graphics.DrawString(value.ToString(), cellStyle.Font, new SolidBrush(cellStyle.ForeColor), normalRegion);
        }

        protected override void OnMouseClick(DataGridViewCellMouseEventArgs e)
        {
            //Convert the CheckBoxRegion 
            Rectangle rec = new Rectangle(new Point(0, 0), this.CheckBoxRegion.Size);
            this.checkAll = !this.checkAll;
            if (rec.Contains(e.Location))
            {
                this.DataGridView.Invalidate();
            }
            base.OnMouseClick(e);
        }

        public bool CheckAll
        {
            get { return this.checkAll; }
            set { this.checkAll = value; }
        }
    }
</pre>

First Initialize a object of DGVColumnHeader add to DataGridView columns using Insert method at desired place. In this example i have added at first column and assigned to HeaderCell of it.

<pre id="pre2">
<pre id="pre1">//Create the object of DGVColumnHeader 
        DGVColumnHeader dgvColumnHeader;
        private void Form1_Load(object sender, EventArgs e)
        {
            //initialize DGVColumnHeader object
            dgvColumnHeader = new DGVColumnHeader();
            
            //Add columns dynamically  to gridview
            dataGridView1.Columns.Insert(0, new DataGridViewCheckBoxColumn());
            dataGridView1.Columns[0].HeaderCell = dgvColumnHeader;
            
            //Data Binding 
            DataTable dt = new DataTable();
            dt.Columns.Add("1");
            dt.Columns.Add("2");
            dt.Rows.Add("100", "101");
            dt.Rows.Add("102", "103");
            dataGridView1.DataSource = dt;
        }
</pre>
</pre>

Add the following code in dataGridView1_ColumnHeaderMouseClick event to check/uncheck all the records based on the header checkbox state

<pre id="pre3">        private void dataGridView1_CellClick(object sender, DataGridViewCellEventArgs e)
        {
            if (e.ColumnIndex == 0)
            {
                for (int i = 0; i < this.dataGridView1.RowCount; i++)
                {
                    //Escalate Editmode
                    this.dataGridView1.EndEdit();
                    string re_value = this.dataGridView1.Rows[i].Cells[0].EditedFormattedValue.ToString();
                    this.dataGridView1.Rows[i].Cells[0].Value = "true";
                }
            }
        }
</pre>

Add the following code in dataGridView1_ColumnHeaderMouseClick event to check/uncheck all the records based on the header checkbox state

<pre id="pre2">        private void dataGridView1_ColumnHeaderMouseClick(object sender, DataGridViewCellMouseEventArgs e)
        {
            if (e.ColumnIndex == 0)
            {
                for (int i = 0; i < dataGridView1.Rows.Count; i++)
                {
                    dataGridView1.Rows[i].Cells[0].Value = dgvColumnHeader.CheckAll;
                }
            }
        }
</pre>

When we select any of checkbox cell other than Header checkbox, by default grid will shows as edit mode. This we can handle using dataGridView1_CellClick event

<pre id="pre3">        private void dataGridView1_CellClick(object sender, DataGridViewCellEventArgs e)
        {
            if (e.ColumnIndex == 0)
            {
                for (int i = 0; i < this.dataGridView1.RowCount; i++)
                {
                    //Escalate Editmode
                    this.dataGridView1.EndEdit();
                    string re_value = this.dataGridView1.Rows[i].Cells[0].EditedFormattedValue.ToString();
                    this.dataGridView1.Rows[i].Cells[0].Value = "true";
                }
            }
        }
</pre>

Referenced by: http://www.codeproject.com/KB/grid/DataGridView_winforms.aspx

Advertisements
 
Leave a comment

Posted by on June 14, 2010 in C#, Window Application

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: