Добавление пустой строки в gridview с кнопкой в ​​нижнем колонтитуле

Question

У меня есть gridview с нижним колонтитулом и надстройкой над этим, как добавить новые строки, если я нажму кнопку addbutton? поэтому я могу ввести новые данные. Я также хочу сохранить их все в базу данных, может кто-нибудь объяснить, пожалуйста

это мой передний код:

<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>