클라이언트 측에 Gridview 새 행 추가

Question

부모 GridView (gvTopic)에 TextBox 및 Button이 있습니다. 버튼을 클릭하면 자식 GridView (gvComment)에 클라이언트 측에 새로 추가 된 주석을 표시하고 데이터베이스에 데이터를 저장하려고합니다 (이 웹 사이트의 주석 기능과 유사한 백그라운드 처리 일 수 있음).

<asp:GridView ID="gvTopic" runat="server"> 
    <Columns> 
    <asp:TemplateField> 
    <ItemTemplate> 
     <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
     <asp:Button ID="Button2" runat="server" Text="Button" /> 
     <asp:GridView ID="gvComment" runat="server"> 
      <%--Comments--%> 
     </asp:GridView> 
    </ItemTemplate> 
    </asp:TemplateField> 
    </Columns> 
    </asp:GridView> 

지금, 내가 먼저 데이터베이스에 데이터를 저장 버튼 클릭에 아이의 GridView (gvComment)를 결합하고있어 다음 새로 추가 된 주석을 보여주는에, 너무 긴 과정 그것을 결합한다.

또는 이에 대한 대안이 있습니까?

Answer 1

GridView가 클라이언트 측 행 추가 기능을 제공한다고 생각하지 않습니다. Telerik의 RadGrid와 같은 일부 그리드는이 기능을 제공합니다.

그러나 이것을 달성하기 위해 자바 스크립트와 숨겨진 필드를 조합 할 수 있습니다.

자바 스크립트를 사용하여 존재하는 TR 노드, 첨부 된 노드를 TABLE의 마지막에 동적으로 생성하고, 내부 노드 TD 값을 바꾸고이 값을 숨겨진 필드에 선호 JSON 형식으로 저장합니다.