次の方法で共有


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、プロパティが設定されている場合に、子ノードを親ノードに接続する行をShowLinestrue表示できます。 線が表示されたら、このプロパティを LineImagesFolder 使用して、線に使用する事前レンダリングイメージのセットを含む Web アクセス可能なフォルダーを指定します。 次の表では、コントロールで使用されるイメージについて TreeView 説明します。

Image 説明
Dash.gif ツリー構造にルート ノードが 1 つだけあり、ルート ノードがリーフである場合に、ルート ノードの横に表示される線イメージ。
Dashminus.gif ルート ノードが展開されていることを示すルート ノードがツリー構造に 1 つだけ存在する場合に、ルート ノードの横にマイナス記号 (-) イメージが表示されます。
Dashplus.gif ルート ノードが折りたたまれたことを示すルート ノードがツリー構造に 1 つだけ存在する場合に、ルート ノードの横にプラス記号 (+) イメージが表示されます。
I.gif 隣接するノードを接続するために表示される線の画像。
L.gif ノードがリーフの場合、ブランチ内の最後のノードの横に表示される線イメージ。
Lminus.gif ブランチ内の最後のノードの横に表示され、ノードが展開されていることを示す線の画像。
Lplus.gif 分岐の最後のノードの横に表示され、ノードが折りたたまれたことを示す線の画像。
Minus.gif ノードが展開されていることを示す複数のルート ノードを含むツリー構造の最初のルート ノードの横に表示されるマイナス記号 (-) イメージ。 このイメージには余分な行が含まれていないので、ルート ノードが 1 回折りたたまれた後にのみ表示されます。 ページが最初に読み込まれると、Rminus.gifイメージが表示されます。
Noexpand.gif リーフ ノードの横に表示される空白のスペーサー イメージ。 この画像では、テキストを垂直方向に並び上げられます。
Plus.gif ノードが折りたたまれていることを示す複数のルート ノードを含むツリー構造の最初のルート ノードの横にプラス記号 (+) イメージが表示されます。 このイメージには余分な行は含まれていません。ルート ノードが 1 回展開された後にのみ表示されます。 ページが最初に読み込まれると、Rplus.gifイメージが表示されます。
R.gif ノードがリーフ ノードであることを示す複数のルート ノードを含むツリー構造の最初のルート ノードの横に表示される線イメージ。
Rminus.gif ノードが展開されていることを示す複数のルート ノードを含むツリー構造の最初のルート ノードの横に表示されるマイナス記号 (-) イメージ。 この画像には余分な行が含まれており、ページが最初に読み込まれたときにのみ表示されます。 ルート ノードが 1 回折りたたまれた後、Minus.gifイメージが表示されます。
Rplus.gif ノードが折りたたまれていることを示す複数のルート ノードを含むツリー構造の最初のルート ノードの横にプラス記号 (+) イメージが表示されます。 この画像には余分な行が含まれており、ページが最初に読み込まれたときにのみ表示されます。 ルート ノードを 1 回展開すると、Plus.gifイメージが表示されます。
T.gif ツリー構造の中央 (t 交差部分) のノードの横に表示され、ノードがリーフであることを示す線の画像。
Tminus.gif ツリー構造の中央 (t 交差部分) のノードの横に表示されるマイナス記号 (-) イメージで、ノードが展開されていることを示します。
Tplus.gif ツリー構造の中央 (t 交差部分) のノードの横にプラス記号 (+) イメージが表示され、ノードが折りたたまれたことを示します。

注意

プロパティが LineImagesFolder 設定されていない場合、 TreeView コントロールは組み込みの既定のイメージ (20 x 20 ピクセル) を使用します。

一部のビジュアル デザイナー (Microsoft Visual Studio など) には、ライン イメージを生成するためのツールが用意されています。

実行時に、右から左に表示されるカスタム イメージは反転しません。 左右の Web ページと右から左の両方の Web ページをサポートするには、両方向のイメージ セットを作成する必要があります。

このプロパティの値はビュー ステートに格納されます。

適用対象

こちらもご覧ください