how i can insert textbox value in a table cell with gridview?

Sign in to vote

User-369506445 posted

hi

please try below code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <script>
        $(function () {
            $("#btn").click(function () {

                var table = $('<table></table>').addClass('table');
                for (var i = 0; i < 3; i++) {
                    row = $('<tr></tr>');

                    var rowDataNAme = $('<td></td>').text($("#name" + (i + 1)).val());
                    var rowDataAge = $('<td></td>').text($("#age" + (i + 1)).val());
                    var rowDataJob = $('<td></td>').text($("#job" + (i + 1)).val());
                    row.append(rowDataNAme);
                    row.append(rowDataAge);
                    row.append(rowDataJob);

                    table.append(row);
                    
                }

                $('#someContainer').html(table);

            });
        });
    </script>

<body>
    <table>
        <tr>
            <td>name
                <input type="text" id="name1" /></td>
            <td>age
                <input type="text" id="age1" /></td>
            <td>job
                <input type="text" id="job1" /></td>
        </tr>
        <tr>
            <td>name
                <input type="text" id="name2" /></td>
            <td>age
                <input type="text" id="age2" /></td>
            <td>job
                <input type="text" id="job2" /></td>
        </tr>
        <tr>
            <td>name
                <input type="text" id="name3" /></td>
            <td>age
                <input type="text" id="age3" /></td>
            <td>job
                <input type="text" id="job3" /></td>
        </tr>
        <tr>
            <td colspan="3">
                <input type="button" id="btn" value="click" />
            </td>
        </tr>
    </table>

     <div id="someContainer" />
     
</body>

DEMO

Saturday, November 17, 2018 10:30 AM

0

Sign in to vote

User1803911507 posted

thanks bro . but i want it with asp.net and gridview system , no jquery

Saturday, November 17, 2018 1:06 PM

0

Sign in to vote

User-369506445 posted

please try <g class="gr_ gr_13 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling ins-del multiReplace" id="13" data-gr-id="13">belo</g> code

<html xmlns="http://www.w3.org/1999/xhtml"> 
<body>
    <form runat="server">
          <table>
        <tr>
            <td>name
                <asp:TextBox runat="server" ID="name1" /></td>
            <td>age
                <asp:TextBox runat="server" ID="age1" /></td>
            <td>job
                <asp:TextBox runat="server" ID="job1" /></td>
        </tr>
        <tr>
            <td>name
                <asp:TextBox runat="server" ID="name2" /></td>
            <td>age
                <asp:TextBox runat="server" ID="age2" /></td>
            <td>job
                <asp:TextBox runat="server" ID="job2" /></td>
        </tr>
        <tr>
            <td>name
                <asp:TextBox runat="server" ID="name3" /></td>
            <td>age
                <asp:TextBox runat="server" ID="age3" /></td>
            <td>job
                <asp:TextBox runat="server" ID="job3" /></td>
        </tr>
        <tr>
            <td colspan="3">
                <asp:Button runat="server" ID="btn" Text="click" OnClick="btn_Click"/>
            </td>
        </tr>
    </table>

    <asp:Table ID="myTable" runat="server" Width="100%"> 
    <asp:TableRow>
        <asp:TableCell>Name</asp:TableCell>
        <asp:TableCell>Age</asp:TableCell>
        <asp:TableCell>Job</asp:TableCell>
    </asp:TableRow>
</asp:Table>  
    </form>

</body>
</html>

in Code behind

protected void btn_Click(object sender, EventArgs e)
        {
            
            for (int i = 1; i <= 3; i++)
            {
                TableRow row = new TableRow();
                TableCell cellName = new TableCell();
                TableCell cellAge = new TableCell();
                TableCell cellJob = new TableCell();

                cellName.Text = (this.FindControl("name" + i) as TextBox).Text;
                cellAge.Text = (this.FindControl("age" + i) as TextBox).Text;
                cellJob.Text = (this.FindControl("job" + i) as TextBox).Text;

                row.Cells.Add(cellName);
                row.Cells.Add(cellAge);
                row.Cells.Add(cellJob);

                myTable.Rows.Add(row);
            }
           
        }

Saturday, November 17, 2018 1:23 PM

0

Sign in to vote

User839733648 posted

Hi danteir,

You could define a DataTable and add the textboxes' values to it.

For more you could refer to the code below.

.Aspx

    <form id="form1" runat="server">
        <div>
            <table>
                <tr>
                    <td>name:<asp:TextBox runat="server" ID="name1" /></td>
                    <td>age:<asp:TextBox runat="server" ID="age1" /></td>
                    <td>job:<asp:TextBox runat="server" ID="job1" /></td>
                </tr>
                <tr>
                    <td>name:<asp:TextBox runat="server" ID="name2" /></td>
                    <td>age:<asp:TextBox runat="server" ID="age2" /></td>
                    <td>job:<asp:TextBox runat="server" ID="job2" /></td>
                </tr>
                <tr>
                    <td>name:<asp:TextBox runat="server" ID="name3" /></td>
                    <td>age:<asp:TextBox runat="server" ID="age3" /></td>
                    <td>job:<asp:TextBox runat="server" ID="job3" /></td>
                </tr>
                <tr>
                    <td><asp:Button runat="server" ID="btn" Text="AddRows" OnClick="btn_Click" /></td>
                </tr>
            </table>
            <asp:GridView ID="GridView1" runat="server">
            </asp:GridView>
        </div>
    </form>

Code-behind.

        protected void btn_Click(object sender, EventArgs e)
        {
            DataTable dt = new DataTable();
            dt.Columns.AddRange(new DataColumn[] { new DataColumn("RowNumber"), new DataColumn("Name"), new DataColumn("Age"), new DataColumn("Job") });
            for(int i = 1; i < 4; i++)
            {
                DataRow dr = dt.NewRow();
                dr["RowNumber"] = i.ToString();
                dr["Name"] = (FindControl("name" + i) as TextBox).Text.Trim();
                dr["Age"] = (FindControl("age" + i) as TextBox).Text.Trim();
                dr["Job"] = (FindControl("job" + i) as TextBox).Text.Trim();
                dt.Rows.Add(dr);
            }
            GridView1.DataSource = dt;
            GridView1.DataBind();
        }

result:

Best Regards,

Jenifer

Wednesday, November 21, 2018 8:13 AM

Asked by:

how i can insert textbox value in a table cell with gridview?

Question

All replies