중첩 된 Gridview에서 단추를 클릭하여 TextBox 값을 가져 오는 방법

Question

textbox & Button 열이있는 중첩 된 Gridview가 있습니다. 어떻게 asp.net에서 jquery를 사용하여 Button Click 때 textbox의 값을 표시하는 방법. 내가

function showText() {    
      var text= $("#TextBox1").val(); 
      alert(text); 
      return false; 
     } 

을 사용하고 예

<asp:GridView ID="GridParent" runat="server"> 
<Columns> 
    <asp:TemplateField> 
    <ItemTemplate> 
     <table> 
     <tr> 
     <td> 
      ----------- 
      ----------- 
     </td> 
     <td> 
     <asp:GridView ID="GridChild" runat="server"> 
      <Columns> 
      <asp:TemplateField> 
      <ItemTemplate> 
       <asp:Textbox ID="TextBox1" runat="server"></asp:TextBox> 
       <asp:Button ID="Button1" runat="server" Text="Button" onclick=showText(); return false; /> 
      </ItemTemplate> 
      </asp:TemplateField> 
     </Columns> 
     </asp:GridView> 
     </td> 
     </tr> 
     </table> 
    </ItemTemplate> 
    </asp:TemplateField> 
</Columns> 
</asp:GridView> 

대한 jQuery
난에 유래의 정확한 질문을 찾았지만 내가 jQuery를 사용하여 중첩있는 gridview에서 텍스트 상자의 값을 얻기 원하기 때문에 내 질문은 조금 다르다 하지 C#을 코딩하여 web.config에서

Answer 1

은 다음과 같이 clientIDMode을 추가

그런 다음

:

는

$(function() { 
    $("#Button1").click(function(e) { 
     e.preventDefault(); 
     alert($("#TextBox1").val()); 
    }); 
}); 

Answer 2

당신은 시도 할 수 있습니다 : 클릭 된 버튼과 같은 테이블 셀에 텍스트 상자를 찾습니다 다음 showText 기능과

<asp:TemplateField> 
    <ItemTemplate> 
     <asp:TextBox ID="TextBox1" runat="server" /> 
     <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="showText(this); return false;" /> 
    </ItemTemplate> 
</asp:TemplateField> 

을 :

function showText(btn) { 
    alert($(btn).closest('td').find('input[type=text]').val()); 
} 

업데이트

other question에 따르면 텍스트 상자와 단추는 div 컨테이너 안에있을 수 있습니다. 이런 경우, 기능 showText은 다음과 같아야합니다

function showText(btn) { 
    alert($(btn).closest('div').find('input[type=text]').val()); 
}