Send Treeview Selected 포스트 백없이 텍스트 상자에 노드 값을 입력하십시오.

Question

저는이 작업을 꽤 오랫동안 해왔으며 문제를 해결하기 위해 아무것도 찾지 못했습니다. 노드를 선택하면 해당 노드의 값이 텍스트 상자에 채워지 길 원합니다. 나는이 코드를 사용하여 VB 코드 숨김을 사용할 수 있지만 포스트 백을 발생시키고 싶지 않습니다. 대신 자바 스크립트를 사용하여이 작업을 수행하려고하지만 어디에서 함수를 호출할지 또는 설정하는 방법을 모르겠습니다.

<asp:TextBox ID="tbSelectedOrg" runat="server" Enabled="false" asp:TextBox> 

   <asp:TreeView 
       ID="tvOrganizationTree" 
       ExpandDepth="0" 
       runat="server" 
       PopulateNodesFromClient = "true" 
       ShowLines="true" 
       ShowExpandCollapse="true" 
       OnSelectedNodeChanged="tvOrganizationTree_SelectedNodeChanged"> // currently calls vb code causing postback 
       </asp:TreeView> 

Answer 1

나는 이러한 문제를 해결하기 위해 JQuery와 사용합니다 :

는 여기에 내가 그것을 보낼 내 트리 뷰의 코드 및 텍스트 상자입니다.

이 코드는 완벽하지 않지만 당신이 볼 수있는 위치의 아이디어를 제공해야합니다 :

$("#tvOrganizationTree .what-ever-class-aspnet-gives-the-nodes") 
     .click(function() 
     { 
      $("#id-of-textbox").html(this.html()); 
     }); 

Answer 2

나는이 예제는 정말 빠르게 생성합니다. 시도 해봐.

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"> 
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 
<script language="javascript" type="text/javascript"> 
    $(document).ready(function() { 
     $("#<%= TreeView1.ClientID %> div a").click(function() { 
      $("#txt").val(this.innerHTML); 
      return false; 
     }); 
    }); 
</script> 
</asp:Content> 
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> 
    <asp:TreeView ID="TreeView1" runat="server"> 
    </asp:TreeView> 
    <input type="text" id="txt" /> 
</asp:Content> 

행운을 빈다!