TreeView.LineImagesFolder Properti

Definisi

Ruang nama:: System.Web.UI.WebControls

Rakitan:: System.Web.dll

Penting

Beberapa informasi terkait produk prarilis yang dapat diubah secara signifikan sebelum dirilis. Microsoft tidak memberikan jaminan, tersirat maupun tersurat, sehubungan dengan informasi yang diberikan di sini.

Mendapatkan atau mengatur jalur ke folder yang berisi gambar baris yang digunakan untuk menyambungkan simpul anak ke simpul induk.

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

Nilai Properti

String

Jalur ke folder yang berisi gambar baris yang digunakan untuk menyambungkan simpul. Defaultnya adalah string kosong (""), yang menunjukkan bahwa LineImagesFolder properti tidak diatur.

Contoh

Contoh kode berikut menunjukkan cara menggunakan LineImagesFolder properti untuk menentukan folder yang berisi gambar baris untuk ditampilkan dalam TreeView kontrol. Untuk bekerja dengan contoh ini, gunakan alat Line Designer sebelumnya untuk membuat sekumpulan gambar garis. Tempatkan di folder bernama LineImages dalam direktori untuk aplikasi sampel.


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

Keterangan

Kontrol TreeView dapat menampilkan baris yang menyambungkan simpul anak ke simpul induk saat ShowLines properti diatur ke true. Saat baris ditampilkan, gunakan LineImagesFolder properti untuk menentukan folder yang dapat diakses Web yang berisi kumpulan gambar yang telah dirender sebelumnya untuk digunakan untuk baris. Tabel berikut ini menjelaskan gambar yang digunakan oleh TreeView kontrol.

Gambar	Deskripsi
Dash.gif	Gambar garis ditampilkan di samping simpul akar ketika hanya ada satu simpul akar dalam struktur pohon dan simpul akar adalah daun.
Dashminus.gif	Gambar tanda minus (-) ditampilkan di samping simpul akar ketika hanya ada satu simpul akar dalam struktur pohon untuk menunjukkan bahwa simpul akar diperluas.
Dashplus.gif	Gambar tanda plus (+) ditampilkan di samping simpul akar ketika hanya ada satu simpul akar dalam struktur pohon untuk menunjukkan bahwa simpul akar diciutkan.
I.gif	Gambar garis ditampilkan untuk menyambungkan simpul yang berdekatan.
L.gif	Gambar garis ditampilkan di samping simpul terakhir di cabang saat simpul adalah daun.
Lminus.gif	Gambar garis ditampilkan di samping simpul terakhir di cabang untuk menunjukkan bahwa simpul diperluas.
Lplus.gif	Gambar garis ditampilkan di samping simpul terakhir di cabang untuk menunjukkan bahwa simpul diciutkan.
Minus.gif	Gambar tanda minus (-) ditampilkan di samping simpul akar pertama dalam struktur pohon yang berisi beberapa simpul akar untuk menunjukkan bahwa simpul diperluas. Gambar ini tidak berisi baris tambahan dan ditampilkan hanya setelah simpul akar diciutkan sekali. Saat halaman pertama kali dimuat, gambar Rminus.gif ditampilkan.
Noexpand.gif	Gambar spacer kosong ditampilkan di samping simpul daun. Gambar ini memungkinkan teks untuk berbaris secara vertikal.
Plus.gif	Gambar tanda plus (+) ditampilkan di samping simpul akar pertama dalam struktur pohon yang berisi beberapa simpul akar untuk menunjukkan bahwa simpul diciutkan. Gambar ini tidak berisi baris tambahan dan ditampilkan hanya setelah simpul akar diperluas sekali. Saat halaman pertama kali dimuat, gambar Rplus.gif ditampilkan.
R.gif	Gambar garis ditampilkan di samping node akar pertama dalam struktur pohon yang berisi beberapa simpul akar untuk menunjukkan bahwa simpul adalah simpul daun.
Rminus.gif	Gambar tanda minus (-) ditampilkan di samping simpul akar pertama dalam struktur pohon yang berisi beberapa simpul akar untuk menunjukkan bahwa simpul diperluas. Gambar ini berisi baris tambahan dan hanya ditampilkan ketika halaman pertama kali dimuat. Setelah simpul akar diciutkan sekali, gambar Minus.gif ditampilkan.
Rplus.gif	Gambar tanda plus (+) ditampilkan di samping simpul akar pertama dalam struktur pohon yang berisi beberapa simpul akar untuk menunjukkan bahwa simpul diciutkan. Gambar ini berisi baris tambahan dan hanya ditampilkan ketika halaman pertama kali dimuat. Setelah simpul akar diperluas sekali, gambar Plus.gif ditampilkan.
T.gif	Gambar garis ditampilkan di samping node di tengah struktur pohon (pada persimpangan t) untuk menunjukkan bahwa simpul adalah daun.
Tminus.gif	Gambar tanda minus (-) ditampilkan di samping simpul di tengah struktur pohon (pada persimpangan t) untuk menunjukkan bahwa simpul diperluas.
Tplus.gif	Gambar tanda plus (+) ditampilkan di samping simpul di tengah struktur pohon (pada persimpangan t) untuk menunjukkan bahwa simpul diciutkan.

Nota

LineImagesFolder Jika properti tidak diatur, TreeView kontrol akan menggunakan gambar default bawaan (20 x 20 piksel).

Beberapa desainer visual, seperti Microsoft Visual Studio, menyediakan alat untuk menghasilkan gambar garis.

Durasi tidak membalik gambar kustom untuk tampilan kanan-ke-kiri. Untuk mendukung halaman Web kiri-ke-kanan dan kanan-ke-kiri, Anda harus membuat set gambar untuk kedua arah.

Nilai properti ini disimpan dalam status tampilan.

Berlaku untuk

Lihat juga

Saran dan Komentar

Apakah halaman ini membantu?