TreeView.NodeWrap プロパティ

定義

ノードの領域が不足している場合、ノードのテキストを折り返すかどうかを示す値を取得または設定します。

public:
 property bool NodeWrap { bool get(); void set(bool value); };
public bool NodeWrap { get; set; }
member this.NodeWrap : bool with get, set
Public Property NodeWrap As Boolean

プロパティ値

Boolean

テキストを折り返す場合は true。それ以外の場合は false。 既定値は、false です。

次のコード例は、プロパティを使用してコントロールの NodeWrap テキストをラップする方法を TreeView 示しています。


<%@ 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 NodeWrap Example</title>
</head>
<body>
    <form id="form1" runat="server">
    
      <h3>TreeView NodeWrap Example</h3>
      
      <table border="1">
      
        <tr>
          <!-- Setting the width of the cell to a small value          -->
          <!-- will cause the TreeView control to wrap if the NodeWrap -->
          <!-- property is set to true.                                -->
          <td style="width:20">
    
            <asp:TreeView id="LinksTreeView"
              Font-Names= "Arial"
              ForeColor="Blue"
              NodeWrap="true"
              runat="server">
         
              <LevelStyles>
        
                <asp:TreeNodeStyle ChildNodesPadding="10" 
                  Font-Bold="true" 
                  Font-Size="12pt" 
                  ForeColor="DarkGreen"/>
                <asp:TreeNodeStyle ChildNodesPadding="5" 
                  Font-Bold="true" 
                  Font-Size="10pt"/>
                <asp:TreeNodeStyle ChildNodesPadding="5" 
                  Font-UnderLine="true" 
                  Font-Size="10pt"/>
                <asp:TreeNodeStyle ChildNodesPadding="10" 
                  Font-Size="8pt"/>
             
              </LevelStyles>
         
              <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>
      
          </td>
        
        </tr>
      
      </table>

    </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 NodeWrap Example</title>
</head>
<body>
    <form id="form1" runat="server">
    
      <h3>TreeView NodeWrap Example</h3>
      
      <table border="1">
      
        <tr>
          <!-- Setting the width of the cell to a small value          -->
          <!-- will cause the TreeView control to wrap if the NodeWrap -->
          <!-- property is set to true.                                -->
          <td style="width:20">
    
            <asp:TreeView id="LinksTreeView"
              Font-Names= "Arial"
              ForeColor="Blue"
              NodeWrap="true"
              runat="server">
         
              <LevelStyles>
        
                <asp:TreeNodeStyle ChildNodesPadding="10" 
                  Font-Bold="true" 
                  Font-Size="12pt" 
                  ForeColor="DarkGreen"/>
                <asp:TreeNodeStyle ChildNodesPadding="5" 
                  Font-Bold="true" 
                  Font-Size="10pt"/>
                <asp:TreeNodeStyle ChildNodesPadding="5" 
                  Font-UnderLine="true" 
                  Font-Size="10pt"/>
                <asp:TreeNodeStyle ChildNodesPadding="10" 
                  Font-Size="8pt"/>
             
              </LevelStyles>
         
              <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>
      
          </td>
        
        </tr>
      
      </table>

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

注釈

このプロパティを NodeWrap 使用して、スペースが不足したときに各ノードに表示されるテキストを折り返すかどうかを指定します。

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

適用対象

こちらもご覧ください