Adeel Aslam
Adeel Aslam

Reputation: 1294

Grid view add New Blank row for entry

I have a grid view with Textitem Template fields to insert Data into DB.By default One row is loaded for Entry i want to add new row manullay from button click from user in grid view. My code to make gridview is bellow

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" ShowFooter="True">
            <Columns>
                <asp:TemplateField HeaderText="Card_no">
                    <ItemTemplate>
                        <asp:TextBox ID="txtCardNo" runat="server"></asp:TextBox>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="Gross Wt">
                    <ItemTemplate>
                        <asp:TextBox ID="txtGrossWt" runat="server"></asp:TextBox>
                    </ItemTemplate>

                </asp:TemplateField>
            </Columns>
        </asp:GridView>

I used the following javascript function to do it but it only add row without text template

 var grd = document.getElementById('GridView1');
            var tbod=grd.rows[0].parentNode;
            var newRow=grd.rows[grd.rows.length - 1].cloneNode(true);
            tbod.appendChild(newRow);
            return false;

Upvotes: 1

Views: 17445

Answers (2)

KV Prajapati
KV Prajapati

Reputation: 94653

You have to use HeaderTemplate or FooterTemplate for TextBoxes to add a new row. I suggest to try ListView control.

Upvotes: 0

Wil
Wil

Reputation: 2368

Generally utilize the footer row for this

http://geekswithblogs.net/casualjim/archive/2006/05/04/77151.aspx

Upvotes: 3

Related Questions