码迷,mamicode.com
首页 > 其他好文 > 详细

浅谈DevExpress<三>:在GridView中加载动态图片

时间:2014-06-07 00:34:20      阅读:300      评论:0      收藏:0      [点我收藏+]

标签:c   style   class   blog   code   java   

  今天的演示效果如下:在GridView中的下拉框中选中一种颜色,则后面的加载相应的图片,如下图:

1.bubuko.com,布布扣

 

2.bubuko.com,布布扣

3.bubuko.com,布布扣

  下面说下实现方法:首先在项目中拉一个GirdControl,在里面创建4列:ID,Name,Color,Image,并将Color和Image分别创建repositoryItemComboBox和repositoryItemPictureEdit控件,如下图:

bubuko.com,布布扣

  将一个图片文件夹放到程序的启动目录中:

bubuko.com,布布扣

  文件夹中包含如下图片:

bubuko.com,布布扣

  接下来进行创建数据模板,先创建一个Datetable,添加数据并绑定到表格中:

bubuko.com,布布扣
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;
        }
bubuko.com,布布扣

  然后创建两个全局变量用来存放图片路径和图像数据:

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

  最后在Gridview中为其注册一个CustomUnboundColumnData事件,在事件中将color列和image列手动绑定并显示:

bubuko.com,布布扣
 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];
            }
        }
bubuko.com,布布扣

  到此为止,一个GridView就做好了:

bubuko.com,布布扣

 

 

 

 

 

浅谈DevExpress<三>:在GridView中加载动态图片,布布扣,bubuko.com

浅谈DevExpress<三>:在GridView中加载动态图片

标签:c   style   class   blog   code   java   

原文地址:http://www.cnblogs.com/xuekai-to-sharp/p/3765480.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!