[C#] TreeListView

控制項來源:http://www.codeproject.com/Articles/3225/TreeListView

2016-1-7 下午 02-15-37


這篇介紹使用TreeListView

控制項來自 CodeProject – TreeListView

授權方式為MSPL( The Microsoft Public License )


 

這次的目的是想讓資料可以有階層方式的呈現

首先會想到的就是TreeView

TreeView並沒有Column

無法像ListView顯示出複數Column的資料

搜尋TreeView與ListView後

發現不少人已經將兩者結合為單一控制項

最後我使用的是TreeListView


 

使用TreeListView需要Reference以下dll

可從CodeProject – TreeListView編譯得到

  • System.Runtime.InteropServices.APIs.dll
  • System.Windows.Forms.TreeListView.dll

SampleCode可以從來源網址中找到DemoProject


 

以下簡單介紹使用方式

拉出TreeListView控制項後

可以用ListView的概念去編輯Column,如下圖

2016-1-7 下午 02-23-07

之後用TreeView的概念去新增Node

然後再新增SubItem到Column,就完成了!

以下為一部分的範例Code

TreeListViewItem tlvProject = new TreeListViewItem("Project_A");
    tlvProject.ImageIndex = 1;
    tlvProject.BackColor = System.Drawing.Color.Pink;
    tlvProject.Font = new System.Drawing.Font("Microsoft Sans Serif", 12F);
    tlvProject.SubItems.Add("30");
    tlvProject.SubItems.Add("2016-01-01");
    tlvProject.SubItems.Add("12:23:00");                  

    tlvProject.Expand();
    tlvDetail.Items.Add(tlvProject);
                  
                        
TreeListViewItem tlvFolder = new TreeListViewItem("Folder_1" );
    tlvFolder.ImageIndex = 2;
    tlvFolder.Font = new System.Drawing.Font("Microsoft Sans Serif", 10F);
    tlvFolder.SubItems.Add("12");
    tlvFolder.SubItems.Add("2016-01-01");
    tlvFolder.SubItems.Add("12:23:00");     
    tlvProject.Items.Add(tlvFolder);

TreeListViewItem tlvFolder2 = new TreeListViewItem("Folder_2");
    tlvFolder2.ImageIndex = 2;
    tlvFolder2.Font = new System.Drawing.Font("Microsoft Sans Serif", 10F);
    tlvFolder2.SubItems.Add("7");
    tlvFolder2.SubItems.Add("2016-01-03");
    tlvFolder2.SubItems.Add("07:55:00");
    tlvProject.Items.Add(tlvFolder2);

PS. 此控制項並未支援Virtual Mode

廣告

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s