Create Dynamic Rows in ASP.Net GridView Control with TextBoxes

Adding Dynamic Rows in ASP.Net GridView Control with TextBoxes:

In this Post we consider an Example shows on 

• How to generatea Row in GridView with TextBoxes.
• And then How to Access dynamically created rows of grid view.
• And Save then Grid view rows value in DataBase.

In this Tutorial blog we give many types of Example Related to the Grid view control. But many time the visitor want to this type of code. There are many times when we need the user to enter some data but we are not sure about the amount of data.

Dynamically adding and deleting rows from ASP.NET

The core idea here is that from the code-behind if we dynamically change the DataSource of this GridView.

private void SetInitialRow()

    {

        DataTable dt = new DataTable();

        DataRow dr = null;

        dt.Columns.Add(new DataColumn("RowNumber", typeof(string)));

        dt.Columns.Add(new DataColumn("Column1", typeof(string)));

        dt.Columns.Add(new DataColumn("Column2", typeof(string)));

        dt.Columns.Add(new DataColumn("Column3", typeof(string)));

        dt.Columns.Add(new DataColumn("Column4", typeof(string)));

        dt.Columns.Add(new DataColumn("Column5", typeof(string)));

        dr = dt.NewRow();

        dr["RowNumber"] = 1;

        dr["Column1"] = string.Empty;

        dr["Column2"] = string.Empty;

        dr["Column3"] = string.Empty;

        dr["Column4"] = string.Empty;

        dr["Column5"] = string.Empty;

        dt.Rows.Add(dr);

        //Store the DataTable in ViewState

        ViewState["CurrentTable"] = dt;

        Gridview1.DataSource = dt;

        Gridview1.DataBind();

    }

Create dynamic row in gridview:

In the Give function we use view state.  The ViewState has been kept to facilitate the dynamic addition and deletion of rows functionality.

  private void AddNewRowToGrid()

    {

        int rowIndex = 0;

        if (ViewState["CurrentTable"] != null)

        {

            DataTable dtCurrentTable = (DataTable)ViewState["CurrentTable"];

            DataRow drCurrentRow = null;

            if (dtCurrentTable.Rows.Count > 0)

            {

                for (int i = 1; i <= dtCurrentTable.Rows.Count; i++)

                {

                    //extract the TextBox values

                    TextBox box1 = (TextBox)Gridview1.Rows[rowIndex].Cells[1].FindControl("TxtName");

                    TextBox box2 = (TextBox)Gridview1.Rows[rowIndex].Cells[2].FindControl("TxtPno");

                    TextBox box3 = (TextBox)Gridview1.Rows[rowIndex].Cells[3].FindControl("TxtGender");

                    TextBox box4 = (TextBox)Gridview1.Rows[rowIndex].Cells[3].FindControl("TxtAge");

                    TextBox box5 = (TextBox)Gridview1.Rows[rowIndex].Cells[3].FindControl("TxtAsan");

                    drCurrentRow = dtCurrentTable.NewRow();

                    drCurrentRow["RowNumber"] = i + 1;

                    dtCurrentTable.Rows[i - 1]["Column1"] = box1.Text;

                    dtCurrentTable.Rows[i - 1]["Column2"] = box2.Text;

                    dtCurrentTable.Rows[i - 1]["Column3"] = box3.Text;

                    dtCurrentTable.Rows[i - 1]["Column4"] = box4.Text;

                    dtCurrentTable.Rows[i - 1]["Column5"] = box5.Text;

                    rowIndex++;

                }

                dtCurrentTable.Rows.Add(drCurrentRow);

                ViewState["CurrentTable"] = dtCurrentTable;

                Gridview1.DataSource = dtCurrentTable;

                Gridview1.DataBind();

            }

        }

        else

        {

            Response.Write("ViewState is null");

        }

        //Set Previous Data on Postbacks

        SetPreviousData();

    } 

Programmatically create ASP.NET GridView with dynamic Text Field:

 Create Dynamic Rows in GridView with TextBoxes

See Example with Full Code:

Asp.net Grid View Related Post:

• How to Bind Gridview Form database.
• Show gridview Row Details.
• Templatefield in gridview
• Introduction of Asp.net grid view Control.
• Example of Templatefield in gridview .
• Example of DropDownList inside GridView
• Check box in ASP.NET GridView
• Ckeck box list example using javascript in grid.
• Check box in ASP.NET GridView
• Show grid view row details in to tooltip.
•  How to Bind Gridview Form database.
• Show gridview Row Details And Give Example.
• Example of Templatefield in asp.net gridview.
• Example of DropDownList inside GridView control
• Introduction of Asp.net grid view Control.
• Example of C# for Bind Data to asp.net Textbox inside gridview control
• Bind Data to asp.net textbox control in inside of gridview Using C# Example