今天主要為大家講解如何在Gridview中加載動(dòng)態(tài)圖片。在DevExpress GridView中的下拉框中選中一種顏色，則后面的加載相應(yīng)的圖片，如下圖：

（圖一）

（圖二）

（圖三）

下面說下實(shí)現(xiàn)方法：首先在項(xiàng)目中拉一個(gè)GirdControl，在里面創(chuàng)建4列：ID，Name,Color,Image，并將Color和Image分別創(chuàng)建repositoryItemComboBox和repositoryItemPictureEdit控件，如下圖：

將一個(gè)圖片文件夾放到程序的啟動(dòng)目錄中：

文件夾中包含如下圖片：

接下來進(jìn)行創(chuàng)建數(shù)據(jù)模板，先創(chuàng)建一個(gè)Datetable，添加數(shù)據(jù)并綁定到表格中：

private void InitData()
        {
            DataTable dt = new DataTable();
            dt.Columns.Add("ID", typeof(int));
            dt.Columns.Add("Name", typeof(string));
            dt.Columns.Add("Color", typeof(string));

            dt.Rows.Add(new object[] { 1, "Howard Snyder", "Red" });
            dt.Rows.Add(new object[] { 2, "Jaime Yorres", "Blue" });
            dt.Rows.Add(new object[] { 3, "Fran Wilson", "Orange" });
            dt.Rows.Add(new object[] { 4, "Paula Wilson", "White" });
            dt.Rows.Add(new object[] { 5, "Liz Nixon", "Red" });
            dt.Rows.Add(new object[] { 6, "Liu Wong", "Yellow" });
            dt.Rows.Add(new object[] { 7, "Carlos Hernánde", "Green" });
            dt.Rows.Add(new object[] { 8, "Carlos González", "White" });
            dt.Rows.Add(new object[] { 9, "Elizabeth Brown", "Orange" });
            dt.Rows.Add(new object[] { 10, "Hari Kumar", "Yellow" });
            dt.Rows.Add(new object[] { 11, "Michael Holz", "Yellow" });

            gridControl1.DataSource = dt;
        }

然后創(chuàng)建兩個(gè)全局變量用來存放圖片路徑和圖像數(shù)據(jù)：

string imageDir = @"Images\";
        Hashtable images = new Hashtable();    
        public string GetFileName(string color)
        {
            if (string.IsNullOrEmpty(color))
                return string.Empty;
            return color + ".jpg";
        }

最后在Gridview中為其注冊一個(gè)CustomUnboundColumnData事件，在事件中將color列和image列手動(dòng)綁定并顯示：

private void gridView1_CustomUnboundColumnData(object sender, DevExpress.XtraGrid.Views.Base.CustomColumnDataEventArgs e)
        {
            if (e.Column.FieldName == "Image" && e.IsGetData)
            {
                GridView view = sender as GridView;
                string colorName = (string)((DataRowView)e.Row)["Color"];
                string fileName = GetFileName(colorName).ToLower();
                if (!images.ContainsKey(fileName))
                {
                    Image img = null;
                    try
                    {
                        string filePath = DevExpress.Utils.FilesHelper.FindingFileName(Application.StartupPath,
                            imageDir + fileName, false);
                        img = Image.FromFile(filePath);
                    }
                    catch (Exception)
                    {
                        
                        throw;
                    }
                    images.Add(fileName, img);
                }
                e.Value = images[fileName];
            }
        }

到此為止，一個(gè)GridView就做好了：

擴(kuò)展閱讀：

DevExpress 2014.1強(qiáng)勢來襲，歡迎下載體驗(yàn)！

慧都學(xué)院2017全新DevExpress線下研修班火熱報(bào)名中！