ASP.NET GridView 행이 비어있는 경우 TextBox 표시

Question

내 GridView는 거의 항상 데이터를 반환해야하는 SQL 데이터 연결에 대한 DataBound입니다. 그래서 EmptyDataTemplate을 사용하면 GridView가 결코 비어서는 안되기 때문에 도움이되지 않습니다. 하지만 사용자가 GridView에 새 정보를 추가 할 수 있도록 처음 몇 줄을 편집 할 수 있기를 바랍니다. 그래서 나는 Select 문을 만들어서 항상 빈 행 3 개를 반환했습니다. 그 행에 Label 대신 TextBox를 포함 시키길 원합니다. 그러나이 : ​​

<asp:GridView ID="GridView1" runat="server" 
     AutoGenerateColumns="False" DataSourceID="SqlDataSource1" 
     BorderColor="White" BorderStyle="Solid" 
     onselectedindexchanged="GridView1_SelectedIndexChanged" ShowFooter="False" 
     ViewStateMode="Disabled"> 
     <Columns> 
      <asp:TemplateField> 
       <ItemTemplate> 
        <input type="checkbox" id ="CheckBox1" class="checkbox" /> 
       </ItemTemplate> 
       <ItemStyle HorizontalAlign="Center" /> 
      </asp:TemplateField> 
      <asp:TemplateField HeaderText="Serial" SortExpression="Serial"> 
       <EditItemTemplate> 
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
       </EditItemTemplate> 
       <ItemTemplate> 
        <asp:Label ID="Label1" runat="server" Text='<%# Bind("Serial") %>'></asp:Label> 
       </ItemTemplate> 
       <ItemStyle HorizontalAlign="Center" /> 
      </asp:TemplateField> 
      <asp:TemplateField HeaderText="Model" SortExpression="Model"> 
       <EditItemTemplate> 
        <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> 
       </EditItemTemplate> 
       <ItemTemplate> 
        <asp:Label ID="Label2" runat="server" Text='<%# Bind("Model") %>'></asp:Label> 
       </ItemTemplate> 
       <ItemStyle HorizontalAlign="Center" /> 
      </asp:TemplateField> 
      <asp:TemplateField HeaderText="From Store"> 
       <ItemTemplate> 
        <asp:DropDownList ID="DropDownList1" runat="server" CssClass="dropdownlist" 
         DataSourceID="SqlDataSource2" DataTextField="Store" 
         SelectedValue='<%# Bind("Store") %>'> 
        </asp:DropDownList> 
       </ItemTemplate> 
       <ItemStyle HorizontalAlign="Center" /> 
      </asp:TemplateField> 
      <asp:TemplateField HeaderText="To Store"> 
       <ItemTemplate> 
        <asp:DropDownList ID="DropDownList2" runat="server" CssClass="dropdownlist" 
         DataSourceID="SqlDataSource2" DataTextField="Store"> 
        </asp:DropDownList> 
       </ItemTemplate> 
       <ItemStyle HorizontalAlign="Center" /> 
      </asp:TemplateField> 
     </Columns> 
     <FooterStyle HorizontalAlign="Center" ForeColor="White" BorderColor="White" BorderStyle="Solid" /> 
     <HeaderStyle ForeColor="White" BorderColor="White" BorderStyle="Solid" /> 
     <RowStyle BorderColor="White" BorderStyle="Solid" ForeColor="White" />    
    </asp:GridView> 

이를 생성합니다 : 처음 3 개 행을 편집 할 레이블이 아닌 텍스트 상자를

합니다. 내가하고 싶은 일이 가능한가?

Answer 1

내 구체적인 목적을 달성하기 위해 필자는 텍스트 상자가있는 빈 행으로이 테이블과 별도의 테이블을 작성하기로했습니다. 그런 다음 JQuery를 사용하여 해당 테이블의 값을 DataGrid의 편집 할 수없는 행에 추가하는 버튼입니다. DataGrid에서 머리글 행을 제거하여 모두 동일한 테이블처럼 보입니다.

Answer 2

템플릿 필드에 <FooterTemplate></FooterTemplate>을 추가하면 그리드 뷰의 바닥 글 행이 새로운 행을 추가 할 수있는 장소가됩니다. 물론 <FooterTemplate> 안에 항목을 넣어야하지만, 내 작업과 동일한 작업을 할 것입니다. <ItemTemplate