轉帖|使用教程|編輯:我只采一朵|2014-06-10 11:14:22.000|閱讀 8364 次
概述:今天主要為大家講解如何在Gridview中加載動態(tài)圖片。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
今天主要為大家講解如何在Gridview中加載動態(tài)圖片。在DevExpress GridView中的下拉框中選中一種顏色,則后面的加載相應的圖片,如下圖:
(圖一)
(圖二)
(圖三)下面說下實現(xiàn)方法:首先在項目中拉一個GirdControl,在里面創(chuàng)建4列:ID,Name,Color,Image,并將Color和Image分別創(chuàng)建repositoryItemComboBox和repositoryItemPictureEdit控件,如下圖:

將一個圖片文件夾放到程序的啟動目錄中:

文件夾中包含如下圖片:

接下來進行創(chuàng)建數(shù)據模板,先創(chuàng)建一個Datetable,添加數(shù)據并綁定到表格中:
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)建兩個全局變量用來存放圖片路徑和圖像數(shù)據:
string imageDir = @"Images\";
Hashtable images = new Hashtable();
public string GetFileName(string color)
{
if (string.IsNullOrEmpty(color))
return string.Empty;
return color + ".jpg";
}
最后在Gridview中為其注冊一個CustomUnboundColumnData事件,在事件中將color列和image列手動綁定并顯示:
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];
}
}
到此為止,一個GridView就做好了:

擴展閱讀:
本站文章除注明轉載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@ke049m.cn