DevExpress之TreeList節點綁定圖片

 

        最近在項目中使用到了DX中的TreeList控件綁定數據源時在每個節點前顯示特點的圖片；查閱相關資料實現方法如下：
1.首先打開VS2010新建一個WINFROM應用程序；

2.在WINFROM應用程序中增加DX中的TreeList控件；如下圖：

3.在窗體加載時進行TreeList控件的數據源綁定；

    private void Form1_Load(object sender, EventArgs e)
        {
            DataTable dt = new DataTable();
            dt.Columns.Add("ID", typeof(int));
            dt.Columns.Add("Name",typeof(string));
            dt.Columns.Add("ParentID",typeof(int));
            dt.Rows.Add(1,"山東",1);
            dt.Rows.Add(11,"濟南",1);
            dt.Rows.Add(12, "泰安", 1);
            dt.Rows.Add(13, "濟寧", 1);
            dt.Rows.Add(14, "菏澤", 1);
            treeListDemo.KeyFieldName = "ID";
            treeListDemo.ParentFieldName = "ParentID";
            treeListDemo.DataSource = dt;      
        }

4.在窗體中的增加WINFROM控件中的ImageList控件，並設置該控件的Images的屬性；通過TreeList控件中的SelectImageList屬性設置為ImageList控件；

5.在TreeList控件中增加treeListDemo_GetSelectImage(object sender, DevExpress.XtraTreeList.GetSelectImageEventArgs e)事件；

 

        private void treeListDemo_GetSelectImage(object sender, DevExpress.XtraTreeList.GetSelectImageEventArgs e)
        {
            if (e.Node == null) return;
               TreeListNode   node=  e.Node;

               int ID = (int)node.GetValue("ID");
               if (ID == 1)
                   e.NodeImageIndex = 0;
               else
                   e.NodeImageIndex = 1;
        }

代碼中的 e.NodeImageIndex的索引就是ImageList中圖片集合的索引；

運行效果：