TreeView.LineImagesFolder プロパティ

定義

子ノードを親ノードに接続するために使用される線のイメージを格納するフォルダーのパスを取得または設定します。Gets or sets the path to a folder that contains the line images that are used to connect child nodes to parent nodes.

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

プロパティ値

ノードを接続するために使用される線のイメージを格納するフォルダーのパス。The path to a folder that contains the line images used to connect nodes. 既定値は空の文字列 ("") です。LineImagesFolder プロパティが設定されていないことを示します。The default is an empty string (""), which indicates that the LineImagesFolder property is not set.

次のコード例は、 LineImagesFolderプロパティを使用して、 TreeViewコントロールに表示する線イメージを含むフォルダーを指定する方法を示しています。The following code example demonstrates how to use the LineImagesFolder property to specify the folder that contains the line images to display in the TreeView control. この例を使用するには、事前にラインデザイナーツールを使用して、一連の線イメージを作成します。To work with this example, use the Line Designer tool beforehand to create a set of line images. サンプルアプリケーションのディレクトリ内の LineImages という名前のフォルダーに配置します。Place them in a folder named LineImages within the directory for the sample application.


<%@ 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は、プロパティがにtrue設定されてShowLinesいる場合に、子ノードを親ノードに接続する線を表示できます。The TreeView control can display lines that connect child nodes to parent nodes when the ShowLines property is set to true. 行が表示されているLineImagesFolder場合は、プロパティを使用して、行に使用する事前レンダリングされたイメージのセットを含む Web アクセス可能なフォルダーを指定します。When lines are displayed, use the LineImagesFolder property to specify a Web-accessible folder that contains the set of pre-rendered images to use for the lines. 次の表では、 TreeViewコントロールで使用されるイメージについて説明します。The following table describes the images that are used by the TreeView control.

イメージImage 説明Description
ダッシュ .gifDash.gif ツリー構造にルートノードが1つだけ存在し、ルートノードがリーフの場合、ルートノードの横に表示される線イメージ。A line image displayed next to the root node when there is only one root node in the tree structure and the root node is a leaf.
ダッシュのマイナス .gifDashminus.gif ルートノードが展開されていることを示すルートノードがツリー構造内に1つしかない場合に、ルートノードの横にマイナス記号 (-) イメージが表示されます。A minus sign (-) image displayed next to the root node when there is only one root node in the tree structure to indicate that the root node is expanded.
ダッシュ + .gifDashplus.gif ルートノードが折りたたまれていることを示すルートノードがツリー構造内に1つしかない場合に、ルートノードの横に正符号 (+) のイメージが表示されます。A plus sign (+) image displayed next to the root node when there is only one root node in the tree structure to indicate that the root node is collapsed.
I. .gifI.gif 隣接するノードを接続するために表示される線のイメージ。A line image displayed to connect adjacent nodes.
L .gifL.gif ノードがリーフの場合に分岐の最後のノードの横に表示される線イメージ。A line image displayed next to the last node in a branch when the node is a leaf.
Lminus .gifLminus.gif ノードが展開されていることを示すために分岐の最後のノードの横に表示される線イメージ。A line image displayed next to the last node in a branch to indicate that the node is expanded.
Lplus .gifLplus.gif ノードが折りたたまれていることを示すために分岐の最後のノードの横に表示される線イメージ。A line image displayed next to the last node in a branch to indicate that the node is collapsed.
-.GifMinus.gif ノードが展開されていることを示すために複数のルートノードを含むツリー構造内の最初のルートノードの横に表示されるマイナス記号 (-) イメージ。A minus sign (-) image displayed next to the first root node in a tree structure that contains multiple root nodes to indicate that the node is expanded. このイメージには余分な行が含まれておらず、ルートノードが1回折りたたまれた後にのみ表示されます。This image does not contain an extra line and is displayed only after the root node has been collapsed once. ページが最初に読み込まれると、Rminus gif イメージが表示されます。When the page is first loaded, the Rminus.gif image is displayed.
Noexpand. gifNoexpand.gif リーフノードの横に表示される空白のスペーサーイメージ。A blank spacer image displayed next to a leaf node. この画像を使用すると、テキストを垂直方向に整列させることができます。This image allows text to line up vertically.
および .gifPlus.gif ノードが折りたたまれていることを示すために複数のルートノードを含むツリー構造内の最初のルートノードの横に表示される正符号 (+) のイメージ。A plus sign (+) image displayed next to the first root node in a tree structure that contains multiple root nodes to indicate that the node is collapsed. このイメージには余分な行が含まれておらず、ルートノードが1回展開された後にのみ表示されます。This image does not contain an extra line and is displayed only after the root node has been expanded once. ページが最初に読み込まれると、Rplus .gif イメージが表示されます。When the page is first loaded, the Rplus.gif image is displayed.
R .gifR.gif ノードがリーフノードであることを示すために複数のルートノードを含むツリー構造内の最初のルートノードの横に表示される線イメージ。A line image displayed next to the first root node in a tree structure that contains multiple root nodes to indicate that the node is a leaf node.
Rminus.gifRminus.gif ノードが展開されていることを示すために複数のルートノードを含むツリー構造内の最初のルートノードの横に表示されるマイナス記号 (-) イメージ。A minus sign (-) image displayed next to the first root node in a tree structure that contains multiple root nodes to indicate that the node is expanded. このイメージには余分な行が含まれており、ページが最初に読み込まれたときにのみ表示されます。This image contains an extra line and is displayed only when the page is first loaded. ルートノードが1回折りたたまれると、-.gif イメージが表示されます。After the root node has been collapsed once, The Minus.gif image is displayed.
Rplus .gifRplus.gif ノードが折りたたまれていることを示すために複数のルートノードを含むツリー構造内の最初のルートノードの横に表示される正符号 (+) のイメージ。A plus sign (+) image displayed next to the first root node in a tree structure that contains multiple root nodes to indicate that the node is collapsed. このイメージには余分な行が含まれており、ページが最初に読み込まれたときにのみ表示されます。This image contains an extra line and is displayed only when the page is first loaded. ルートノードが1回展開されると、プラス .gif イメージが表示されます。After the root node has been expanded once, the Plus.gif image is displayed.
T .gifT.gif ノードがリーフであることを示すために、ツリー構造の途中 (t の積集合) のノードの横に表示される線イメージ。A line image displayed next to a node in the middle of the tree structure (at a t-intersection) to indicate that the node is a leaf.
Tminus.gifTminus.gif ノードが展開されていることを示す、ツリー構造の途中 (t の積集合) のノードの横に表示されるマイナス記号 (-) イメージ。A minus sign (-) image displayed next to a node in the middle of the tree structure (at a t-intersection) to indicate that the node is expanded.
Tplus .gifTplus.gif ノードが折りたたまれていることを示すために、ツリー構造の途中 (t の積集合) のノードの横に表示される正符号 (+) のイメージ。A plus sign (+) image displayed next to a node in the middle of the tree structure (at a t-intersection) to indicate that the node is collapsed.

注意

プロパティが設定されていないTreeView場合、コントロールは組み込みの既定のイメージ (20 ×20ピクセル) を使用します。 LineImagesFolderIf the LineImagesFolder property is not set, the TreeView control will use the built-in, default images (20 x 20 pixels).

Microsoft Visual Studio などのビジュアルデザイナーの中には、線の画像を生成するためのツールが用意されています。Some visual designers, such as Microsoft Visual Studio, provide tools to generate the line images.

実行時には、右から左へ表示するためのカスタムイメージは反転されません。The run time does not flip custom images for right-to-left displays. 左から右方向と右から左方向の両方の Web ページをサポートするには、両方向のイメージセットを作成する必要があります。To support both left-to-right and right-to-left Web pages, you must create image sets for both directions.

このプロパティの値は、ビューステートに格納されます。The value of this property is stored in view state.

適用対象

こちらもご覧ください