Dynamically Creating Textbox In Gridview ASP.NET C#

Dynamically create the textbox in Gridview using C# and asp.net. We can create multiple textboxes for one gridview column

This blog will explain how to create ta ext box dynamically in gridview asp.net and C#. 

 

We are creating the text box with respect to the column index and we can create mutiple textboxes for a gridview column.

 

ASPX Code (Design View)

We need a row-created event to bind textbox for each column in a row

<asp:GridView ID="GridView1" runat="server" OnRowCreated="GridView1_RowCreated"
OnRowDataBound="GridView1_RowDataBound" ></asp:GridView>

Code behild (.CS) code  

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
       {
           try
           {
               if (e.Row.RowType == DataControlRowType.DataRow)
               {
                   for (int colIndex = 0; colIndex < e.Row.Cells.Count; colIndex++)
                   {
                           int rowIndex = colIndex;
                           TextBox txtName = new TextBox();
                           txtName.Width = 16;
                           txtName.ID = "txtboxname" + colIndex;
                           txtName.AutoPostBack = true;
                           e.Row.Cells[colIndex].Controls.Add(txtName);
                           TextBox txtName1 = new TextBox();
                           txtName1.Width = 16;
                           txtName1.BackColor = System.Drawing.Color.LightBlue;
                           txtName1.ID = "txtboxname1" + colIndex;
                           txtName1.ReadOnly = true;
                           e.Row.Cells[colIndex].Controls.Add(txtName1);
                       }
                   }
               }

           }
           catch (Exception ex)
           {
           }

       }

Description

• e.Row.Cells.Count -- This will gives you number of columns in the grid view
• txtName.ID = "txtboxname" + colIndex; -- Creating new textbox, creating ID for and binding the ID to the textbox
• txtName.AutoPostBack = true; -- Enabling postback funtion for the particular textbox ID to enable events
• e.Row.Cells[colIndex].Controls.Add(txtName); - Adding textbox item to the grivew(Colindex- column number)

We can add CSS code for the textbox element.

 

We can also add mutiple texboxes and multiple items like label, button etc.

 

Example Image of gridview.

 

Dynamic Column name and textboxes.