다음을 통해 공유


TreeView.LineImagesFolder 속성

정의

자식 노드를 부모 노드에 연결하는 데 사용되는 선 이미지가 포함된 폴더에 대한 경로를 가져오거나 설정합니다.

public:
 property System::String ^ LineImagesFolder { System::String ^ get(); void set(System::String ^ value); };
public string LineImagesFolder { get; set; }
member this.LineImagesFolder : string with get, set
Public Property LineImagesFolder As String

속성 값

String

노드를 연결하는 데 사용되는 선 이미지가 포함된 폴더에 대한 경로입니다. 기본값은 빈 문자열("")로, LineImagesFolder 속성이 설정되지 않았음을 나타냅니다.

예제

다음 코드 예제를 사용 하는 방법에 설명 합니다 LineImagesFolder 표시할 선 이미지가 포함 된 폴더를 지정 하는 속성을 TreeView 컨트롤. 이 예제를 사용 하려면 줄 이미지 집합을 만들려면 미리 선 디자이너 도구를 사용 합니다. 샘플 애플리케이션에 대 한 LineImages 디렉터리 내 라는 폴더에 배치 합니다.


<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
  <head runat="server">
    <title>TreeView LineImagesFolderUrl Example</title>
</head>
<body>
    <form id="form1" runat="server">
    
      <h3>TreeView LineImagesFolderUrl Example</h3>
      
      <asp:TreeView id="LinksTreeView"
        LineImagesFolder="~\LineImages"
        ShowLines="true" 
        runat="server">
         
        <Nodes>
        
          <asp:TreeNode Text="Table of Contents"
             SelectAction="None">
             
            <asp:TreeNode Text="Chapter One">
            
              <asp:TreeNode Text="Section 1.0">
              
                <asp:TreeNode Text="Topic 1.0.1"/>
                <asp:TreeNode Text="Topic 1.0.2"/>
                <asp:TreeNode Text="Topic 1.0.3"/>
              
              </asp:TreeNode>
              
              <asp:TreeNode Text="Section 1.1">
              
                <asp:TreeNode Text="Topic 1.1.1"/>
                <asp:TreeNode Text="Topic 1.1.2"/>
                <asp:TreeNode Text="Topic 1.1.3"/>
                <asp:TreeNode Text="Topic 1.1.4"/>
              
              </asp:TreeNode>
            
            </asp:TreeNode>
            
            <asp:TreeNode Text="Chapter Two">
            
              <asp:TreeNode Text="Section 2.0">
              
                <asp:TreeNode Text="Topic 2.0.1"/>
                <asp:TreeNode Text="Topic 2.0.2"/>
              
              </asp:TreeNode>
            
            </asp:TreeNode>
            
          </asp:TreeNode>

          <asp:TreeNode Text="Appendix A" />
          <asp:TreeNode Text="Appendix B" />
          <asp:TreeNode Text="Appendix C" />
        
        </Nodes>
        
      </asp:TreeView>

    </form>
  </body>
</html>

<%@ Page Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
  <head runat="server">
    <title>TreeView LineImagesFolderUrl Example</title>
</head>
<body>
    <form id="form1" runat="server">
    
      <h3>TreeView LineImagesFolderUrl Example</h3>
      
      <asp:TreeView id="LinksTreeView"
        LineImagesFolder="~\LineImages"
        ShowLines="true" 
        runat="server">
         
        <Nodes>
        
          <asp:TreeNode Text="Table of Contents"
             SelectAction="None">
             
            <asp:TreeNode Text="Chapter One">
            
              <asp:TreeNode Text="Section 1.0">
              
                <asp:TreeNode Text="Topic 1.0.1"/>
                <asp:TreeNode Text="Topic 1.0.2"/>
                <asp:TreeNode Text="Topic 1.0.3"/>
              
              </asp:TreeNode>
              
              <asp:TreeNode Text="Section 1.1">
              
                <asp:TreeNode Text="Topic 1.1.1"/>
                <asp:TreeNode Text="Topic 1.1.2"/>
                <asp:TreeNode Text="Topic 1.1.3"/>
                <asp:TreeNode Text="Topic 1.1.4"/>
              
              </asp:TreeNode>
            
            </asp:TreeNode>
            
            <asp:TreeNode Text="Chapter Two">
            
              <asp:TreeNode Text="Section 2.0">
              
                <asp:TreeNode Text="Topic 2.0.1"/>
                <asp:TreeNode Text="Topic 2.0.2"/>
              
              </asp:TreeNode>
            
            </asp:TreeNode>
            
          </asp:TreeNode>

          <asp:TreeNode Text="Appendix A" />
          <asp:TreeNode Text="Appendix B" />
          <asp:TreeNode Text="Appendix C" />
        
        </Nodes>
        
      </asp:TreeView>

    </form>
  </body>
</html>

설명

TreeView 컨트롤에 자식 노드를 부모 노드에 연결 하는 선을 표시할 수 있습니다 때 합니다 ShowLines 속성이 true합니다. 줄에 표시 되는 경우 사용 된 LineImagesFolder 줄에 사용할 미리 렌더링 된 이미지 집합을 포함 하는 웹에서 액세스할 수 있는 폴더를 지정 하는 속성입니다. 다음 표에서 사용 되는 이미지를 TreeView 제어 합니다.

이미지 설명
Dash.gif 트리 구조에서 하나의 루트 노드와 루트 노드에 있을 경우 루트 노드 옆에 표시 되는 선 이미지는 리프입니다.
Dashminus.gif 빼기 기호 (-)를 나타내는 루트 노드가 확장 된 트리 구조에서 루트 노드가 하나만 있으면 루트 노드 옆에 표시 되는 이미지입니다.
Dashplus.gif 루트 노드 축소 되어 있음을 나타내려면 트리 구조에서 루트 노드가 하나만 있을 경우 루트 노드 옆에 표시 되는 더하기 기호 (+) 이미지입니다.
I.gif 인접 한 노드를 연결 하 게 표시 하는 줄 이미지입니다.
L.gif 선 이미지 표시 다음 마지막 노드 분기에서 리프 노드인 경우.
Lminus.gif 선 이미지 표시 다음 마지막 노드 분기 노드 확장 되었음을 나타냅니다.
Lplus.gif 선 이미지 표시 다음 마지막 노드 노드 축소 되어 있음을 나타내기 위해 분기에서.
Minus.gif 나타내는 루트 노드가 여러 개 노드가 포함 된 트리 구조에서 첫 번째 루트 노드 옆에 표시 되는 빼기 기호 (-) 이미지 확장 됩니다. 이 이미지에 추가 줄이 없습니다 및 루트 노드 축소 된 후에 표시 됩니다. 페이지가 처음 로드 되 면 Rminus.gif 이미지가 표시 됩니다.
Noexpand.gif 리프 노드 옆에 표시 되는 빈 공백이 이미지입니다. 이 이미지에는 텍스트를 줄을 세로로 맞출 수 있습니다.
Plus.gif 나타내는 루트 노드가 여러 개 노드가 포함 된 트리 구조에서 첫 번째 루트 노드 옆에 표시 되는 더하기 기호 (+) 이미지 축소 됩니다. 이 이미지에 추가 줄이 없습니다 및 루트 노드 확장 된 후에 표시 됩니다. 페이지가 처음 로드 되 면 Rplus.gif 이미지가 표시 됩니다.
R.gif 나타내는 루트 노드가 여러 개 노드가 포함 된 트리 구조에서 첫 번째 루트 노드에 옆에 표시 되는 선 이미지는 리프 노드입니다.
Rminus.gif 나타내는 루트 노드가 여러 개 노드가 포함 된 트리 구조에서 첫 번째 루트 노드 옆에 표시 되는 빼기 기호 (-) 이미지 확장 됩니다. 이 이미지는 추가 줄을 포함 하 고는 페이지가 처음 로드 하는 경우에 표시 됩니다. 루트 이후이 노드가 The Minus.gif 이미지가 표시 되 면 축소 되었습니다.
Rplus.gif 나타내는 루트 노드가 여러 개 노드가 포함 된 트리 구조에서 첫 번째 루트 노드 옆에 표시 되는 더하기 기호 (+) 이미지 축소 됩니다. 이 이미지는 추가 줄을 포함 하 고는 페이지가 처음 로드 하는 경우에 표시 됩니다. 루트 이후이 노드는 Plus.gif 이미지가 표시 되 면 확장 되었습니다.
T.gif 리프 노드를 나타내기 위해의 트리 구조가 (t 교차) 도중 노드 옆에 표시 되는 줄 이미지입니다.
Tminus.gif 빼기 기호 (-) 노드 확장 되었음을 나타냅니다 (t 교차)에 있는 트리 구조 중간 노드 옆에 표시 되는 이미지입니다.
Tplus.gif 노드 축소 되어 있음을 나타내기 위해의 트리 구조가 (t 교차) 도중 노드 옆에 표시 되는 더하기 기호 (+) 이미지입니다.

참고

경우는 LineImagesFolder 속성을 설정 하지 않으면는 TreeView 컨트롤에 기본 제공 기본 이미지 (20 x 20 픽셀)를 사용 합니다.

Microsoft Visual Studio와 같은 일부 비주얼 디자이너, 줄 이미지를 생성 하는 도구를 제공 합니다.

실행된 시간에는 오른쪽에서 왼쪽 디스플레이 대 한 사용자 지정 이미지 대칭 이동 하지 않습니다. 왼쪽에서 오른쪽와 오른쪽에서 왼쪽에 웹 페이지를 지원 하려면 양방향 모두에 대해 이미지 집합을 만들어야 합니다.

이 속성의 값은 뷰 상태에 저장 됩니다.

적용 대상

추가 정보