Share via

TreeView.LineImagesFolder Özellik

  • Başvuru

Tanım

Ad Alanı:
System.Web.UI.WebControls
Bütünleştirilmiş Kod:
System.Web.dll

Alt düğümleri üst düğümlere bağlamak için kullanılan satır görüntülerini içeren bir klasörün yolunu alır veya ayarlar.

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

Özellik Değeri

String

Düğümleri bağlamak için kullanılan çizgi görüntülerini içeren klasörün yolu. Varsayılan, özelliğin LineImagesFolder ayarlanmadığını gösteren boş bir dizedir ("").

Örnekler

Aşağıdaki kod örneği, denetiminde LineImagesFolder görüntülenecek TreeView satır görüntülerini içeren klasörü belirtmek için özelliğinin nasıl kullanılacağını gösterir. Bu örnekle çalışmak için, önceden Çizgi Tasarımcısı aracını kullanarak bir dizi çizgi görüntüsü oluşturun. Bunları örnek uygulamanın dizinindeki LineImages adlı bir klasöre yerleştirin.


<%@ 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>

Açıklamalar

Denetim, TreeView özelliği olarak ayarlandığında truealt düğümleri üst düğümlere ShowLines bağlayan çizgileri görüntüleyebilir. Satırlar görüntülendiğinde, satırlar için kullanılacak önceden işlenmiş görüntüler kümesini içeren Web'de erişilebilir bir klasör belirtmek için özelliğini kullanın LineImagesFolder . Aşağıdaki tabloda denetim tarafından TreeView kullanılan görüntüler açıklanmaktadır.

Görüntü Açıklama
Dash.gif Ağaç yapısında yalnızca bir kök düğüm olduğunda ve kök düğüm bir yaprak olduğunda kök düğümün yanında görüntülenen çizgi görüntüsü.
Dashminus.gif Kök düğümün genişletildiğini belirtmek için ağaç yapısında yalnızca bir kök düğüm olduğunda kök düğümün yanında bir eksi işareti (-) görüntüsü görüntülenir.
Dashplus.gif Kök düğümün daraltıldığını belirtmek için ağaç yapısında yalnızca bir kök düğüm olduğunda kök düğümün yanında bir artı işareti (+) görüntüsü görüntülenir.
I.gif Bitişik düğümleri bağlamak için görüntülenen çizgi görüntüsü.
L.gif Düğüm yaprak olduğunda daldaki son düğümün yanında görüntülenen çizgi görüntüsü.
Lminus.gif Düğümün genişletildiğini göstermek için daldaki son düğümün yanında görüntülenen çizgi görüntüsü.
Lplus.gif Düğümün daraltıldığını belirtmek için daldaki son düğümün yanında görüntülenen çizgi görüntüsü.
Minus.gif Düğümün genişletildiğini belirtmek için birden çok kök düğüm içeren bir ağaç yapısındaki ilk kök düğümün yanında görüntülenen eksi işareti (-) görüntüsü. Bu görüntü fazladan bir çizgi içermez ve yalnızca kök düğüm bir kez daraltıldıktan sonra görüntülenir. Sayfa ilk yüklendiğinde, Rminus.gif görüntüsü görüntülenir.
Noexpand.gif Yaprak düğümün yanında görüntülenen boş bir boşluk resmi. Bu resim metnin dikey olarak hizalı olmasını sağlar.
Plus.gif Düğümün daraltıldığını belirtmek için birden çok kök düğüm içeren bir ağaç yapısındaki ilk kök düğümün yanında görüntülenen artı işareti (+) görüntüsü. Bu görüntü fazladan bir çizgi içermez ve yalnızca kök düğüm bir kez genişletildikten sonra görüntülenir. Sayfa ilk yüklendiğinde, Rplus.gif görüntüsü görüntülenir.
R.gif Düğümün yaprak düğüm olduğunu belirtmek için birden çok kök düğüm içeren bir ağaç yapısındaki ilk kök düğümün yanında görüntülenen çizgi görüntüsü.
Rminus.gif Düğümün genişletildiğini belirtmek için birden çok kök düğüm içeren bir ağaç yapısındaki ilk kök düğümün yanında görüntülenen eksi işareti (-) görüntüsü. Bu resim fazladan bir çizgi içerir ve yalnızca sayfa ilk yüklendiğinde görüntülenir. Kök düğüm bir kez daraltıldıktan sonra Minus.gif görüntüsü görüntülenir.
Rplus.gif Düğümün daraltıldığını belirtmek için birden çok kök düğüm içeren bir ağaç yapısındaki ilk kök düğümün yanında görüntülenen artı işareti (+) görüntüsü. Bu resim fazladan bir çizgi içerir ve yalnızca sayfa ilk yüklendiğinde görüntülenir. Kök düğüm bir kez genişletildikten sonra Plus.gif görüntüsü görüntülenir.
T.gif Düğümün yaprak olduğunu belirtmek için ağaç yapısının ortasındaki bir düğümün yanında (t kesişiminde) görüntülenen çizgi görüntüsü.
Tminus.gif Düğümün genişletildiğini belirtmek için ağaç yapısının ortasındaki bir düğümün yanında (t kesişiminde) eksi işareti (-) görüntüsü görüntülenir.
Tplus.gif Düğümün daraltıldığını belirtmek için ağaç yapısının ortasındaki bir düğümün yanında (t kesişiminde) bir artı işareti (+) görüntüsü görüntülenir.

Not

LineImagesFolder Özellik ayarlanmadıysa, TreeView denetim yerleşik, varsayılan görüntüleri (20 x 20 piksel) kullanır.

Microsoft Visual Studio gibi bazı görsel tasarımcılar, çizgi görüntüleri oluşturmaya yönelik araçlar sağlar.

Çalışma süresi, sağdan sola ekranlar için özel görüntüleri çevirmez. Hem soldan sağa hem de sağdan sola Web sayfalarını desteklemek için her iki yönde de görüntü kümeleri oluşturmanız gerekir.

Bu özelliğin değeri görünüm durumunda depolanır.

Şunlara uygulanır

Ayrıca bkz.