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;