フッターのボタンでgridviewに空白行を追加

Question

私はフッターとaddbuttonを持つgridviewを持っています。追加ボタンを押すと新しい行を追加する方法は？私はそれについて新しいデータを入力することができます。あなたはこの例のようにフッターテンプレートにボタンを追加することができます

<asp:GridView ID="GridView1" AutoGenerateColumns="False" runat="server" CellPadding="4" ForeColor="#333333" 
         GridLines="None" ShowFooter="True" Width="707px" > 
        <AlternatingRowStyle BackColor="White"/> 
        <Columns> 
         <asp:TemplateField> 
          <FooterTemplate> 
           <asp:Button ID="AddProduct" runat="server" CssClass="button" Text="Add" onclick="AddProduct_Click" ></asp:Button> 
          </FooterTemplate> 
         </asp:TemplateField> 
        <asp:BoundField HeaderStyle-Width="120px" HeaderText="Id Trans" DataField="Id_Trans" ShowHeader="False" Visible="False">  
         <HeaderStyle Width="120px"></HeaderStyle> 
         </asp:BoundField> 
         <asp:TemplateField HeaderText="Nama Barang" SortExpression="Nama_Item"> 
          <ItemTemplate> 
           <asp:DropDownList ID="DropDownList1" runat="server" DataSourceID="tampilbarang" DataTextField="Nama_Item" DataValueField="Id_Item"> 
           </asp:DropDownList> 
           <asp:SqlDataSource ID="tampilbarang" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT * FROM [Item]"></asp:SqlDataSource> 
          </ItemTemplate> 
          <HeaderStyle Width="120px" /> 
         </asp:TemplateField> 
         <asp:TemplateField HeaderText="QTY"> 
          <ItemTemplate> 
           <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> 
          </ItemTemplate> 
          <HeaderStyle Width="120px" /> 
         </asp:TemplateField> 
         <asp:TemplateField HeaderText="Keterangan Penggunaan"> 
          <ItemTemplate> 
           <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox> 
          </ItemTemplate> 
          <HeaderStyle Width="120px" /> 
         </asp:TemplateField> 
         <asp:TemplateField HeaderText="Aksi"> 
          <ItemTemplate> 
           <asp:Button ID="Del" runat="server" Height="22px" Text="Delete" Width="57px" /> 
          </ItemTemplate> 
         </asp:TemplateField> 
        </Columns> 
         <EditRowStyle BackColor="#2461BF" /> 
         <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" /> 
         <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" /> 
         <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" /> 
         <RowStyle BackColor="#EFF3FB" /> 
         <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" /> 
         <SortedAscendingCellStyle BackColor="#F5F7FB" /> 
         <SortedAscendingHeaderStyle BackColor="#6D95E1" /> 
         <SortedDescendingCellStyle BackColor="#E9EBEF" /> 
         <SortedDescendingHeaderStyle BackColor="#4870BE" /> 
        </asp:GridView> 

Answer 1

がありますが、私はまた誰かが

にこの私の前のコードをしてください説明することができ、データベースにそれらのすべてを保存したいですあなたの質問に答えて説明することがたくさんあるので、代わりに私は良いチュートリアルをお勧めしたいと思います - これを試してみてください - https://quickstarts.asp.net/quickstartv20/aspnet/doc/ctrlref/data/gridview.aspx

Answer 2

：

<asp:gridview ID="Gridview1" runat="server" ShowFooter="true" AutoGenerateColumns="false"> 
     <Columns> 
     <asp:BoundField DataField="RowNumber" HeaderText="Row Number" /> 
     <asp:TemplateField HeaderText="Header 1"> 
      <ItemTemplate> 
       <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
      </ItemTemplate> 
     </asp:TemplateField> 
     <asp:TemplateField HeaderText="Header 2"> 
      <ItemTemplate> 
       <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> 
      </ItemTemplate> 
     </asp:TemplateField> 
     <asp:TemplateField HeaderText="Header 3"> 
      <ItemTemplate> 
       <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox> 
      </ItemTemplate> 
      <FooterStyle HorizontalAlign="Right" /> 
      <FooterTemplate> 
      <asp:Button ID="ButtonAdd" runat="server" Text="Add New Row" /> 
      </FooterTemplate> 
     </asp:TemplateField> 
     </Columns> 
</asp:gridview>