2013-07-12 2 views
0

내가 트리 뷰 컨트롤을 사용할 때 노드가 너무 많으면 트리 뷰 컨트롤이 테이블이나 페이지를 넘을 것입니다. 어떻게 트리 뷰에 세로 스크롤 막대를 추가하여 피할 수 있습니까? 이?asp.net의 treeview 컨트롤에 대한 두 가지 질문

      <td> 
            <asp:TreeView ID="TreeView1" OnSelectedNodeChanged="Select_Change" runat="server" 
               Height="348px"> 
            <HoverNodeStyle Font-Underline="True" ForeColor="#5555DD" /> 
            <NodeStyle Font-Names="Tahoma" Font-Size="10pt" ForeColor="Black" HorizontalPadding="0px" 
            NodeSpacing="0px" VerticalPadding="0px" /> 
            <ParentNodeStyle Font-Bold="False" ImageUrl="~/images/bullet-red.png" /> 
            <RootNodeStyle ImageUrl="~/images/bullet.png" /> 
            <SelectedNodeStyle Font-Underline="True" ForeColor="#5555DD" HorizontalPadding="0px" 
            VerticalPadding="0px" /> 

            </asp:TreeView> 
          </td> 

또 다른 질문은 다음과 같습니다 :

protected void Select_Change(Object sender, EventArgs e) 
    { 

     TextBox1.Text = "You selected: " + TreeView1.SelectedNode.Value; 

    } 

을하지만,이 이벤트가 일어날 때, 페이지는 항상 새로 고침 :이 같은이 트 리뷰의 선택 변경 이벤트를 쓰기

이 내 트 리뷰의 레이아웃입니다 , 페이지 새로 고침을 원하지 않으면 어떻게해야합니까?

답변

0

overflow:auto; 또는 overflow:scroll;의 CSS 스타일을 트리보기의 컨테이너 요소에 추가하여 스크롤링을 수행 할 수 있습니다.

페이지가 다시로드되지 않도록하려면 UpdatePanel에 컨트롤을 래핑하거나 포스트 백을 수행하는 대신 JavaScript 및 ajax를 사용할 수 있습니다. 당신의 Question1에

1

답변 : 스크롤 막대를 추가하는 방법

<div class="myTreeScroll"> 
    <%--Place Your Treeview in this div--%> 
</div> 

이 각각의 CSS 파일 또는 페이지에서,이 CSS를 추가 트 리뷰하기 :

.myTreeScroll { 
width:300px; 
height:200px; 
overflow:auto; 
border:1px solid #CCC; 
padding:5px 0; 
position: relative; 
} 

는 당신 도움이되기를 바랍니다!