Reputation: 1294
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
Reputation: 94653
You have to use HeaderTemplate
or FooterTemplate
for TextBoxes to add a new row. I suggest to try ListView control.
Upvotes: 0
Reputation: 2368
Generally utilize the footer row for this
http://geekswithblogs.net/casualjim/archive/2006/05/04/77151.aspx
Upvotes: 3