开发者论坛

 找回密码
 注册 (请使用非IE浏览器)
查看: 3624|回复: 0

在GridView列表中使用图片显示记录是否包含附件

[复制链接]

0

精华

8

贡献

1768

赞扬

特约版主

帖子
583
软币
4524
在线时间
275 小时
注册时间
2019-2-21
发表于 2021-3-22 09:26:26 | 显示全部楼层 |阅读模式

DevExpress拥有.NET开发需要的所有平台控件,包含600多个UI控件、报表平台、DevExpress Dashboard eXpressApp 框架、适用于 Visual Studio的CodeRush等一系列辅助工具。

本文主要介绍在一些应用模块中的列表展示中,包含附件的记录,在GridView列表界面中使用图标来快速显示是否有附件的情况。

一、通用附件模块的应用界面效果

例如在我的《通用人员信息管理模块》中(可以参考随笔《Winform开发框架之通用人员信息管理》、《Winform开发框架之通用人员信息管理实现代码介绍》,很多都使用了《通用附件管理模块》(可以参考《Winform开发框架之附件管理应用》来处理附件信息。如下界面所示。



但有时我们在列表中展示主要的数据的时候,我们希望知道哪一条记录是否包含附件,以便我们快速查看相关的附件的时候,如下所示的展示效果,我们需要怎么做呢?

二、具体实现代码

首先我们在绑定数据操作中增加一个字段列,用来在GridView列表中进行展示是否有附件的图标的,我们定义为 HasAttachment,然后判断附件列表中是否存在附件,并赋值给存在附件的列,具体逻辑代码如下所示。

[C#] 纯文本查看 复制代码
/// <summary>
/// 绑定列表数据
/// </summary>
public void BindData()
{
//entity
this.winGridViewPager1.DisplayColumns = "Seq,Category,Title,HasAttachment";
#region 添加别名解析

this.winGridViewPager1.AddColumnAlias("Seq", "序号");
this.winGridViewPager1.AddColumnAlias("Category", "科研情况类别");
this.winGridViewPager1.AddColumnAlias("Title", "标题信息");
this.winGridViewPager1.AddColumnAlias("AttachGUID", "附件GUID");
this.winGridViewPager1.AddColumnAlias("HasAttachment", "附件信息");

#endregion

string where = GetConditionSql();
DataTable dt = WHC.Framework.ControlUtil.BLLFactory<StaffResearch>.Instance.FindToDataTable(where);
if (dt != null)
{
dt.Columns.Add("HasAttachment", typeof(Image));
foreach (DataRow dr in dt.Rows)
{
string attachGUID = dr["AttachGUID"].ToString();
Dictionary<string, string> list = WHC.Framework.ControlUtil.BLLFactory<WHC.Attachment.BLL.FileUpload>.Instance.GetFileNames(attachGUID);
if (list.Count > 0)
{
dr["HasAttachment"] = WHC.StaffData.Properties.Resources.attach2;
}
}
}

this.winGridViewPager1.DataSource = dt;
this.winGridViewPager1.PrintTitle = "人员科研情况信息报表";
}


然后我们就是需要在GridView显示的时候,进行一些处理工作,如定义这个HasAttachment列的显示类型,并限定它的宽度等操作,以便进行更好的展示,如下代码所示。

[C#] 纯文本查看 复制代码
this.winGridViewPager1.gridView1.DataSourceChanged += new EventHandler(gridView1_DataSourceChanged);

[C#] 纯文本查看 复制代码
/// <summary>
/// 绑定数据后,分配各列的宽度
/// </summary>
private void gridView1_DataSourceChanged(object sender, EventArgs e)
{
if (this.winGridViewPager1.gridView1.Columns.Count > 0 && this.winGridViewPager1.gridView1.RowCount > 0)
{
this.winGridViewPager1.gridView1.Columns["Seq"].Width = 50;
this.winGridViewPager1.gridView1.Columns["Category"].Width = 50;
this.winGridViewPager1.gridView1.Columns["Title"].Width = 200;

RepositoryItemPictureEdit pic = new RepositoryItemPictureEdit();
pic.SizeMode = DevExpress.XtraEditors.Controls.PictureSizeMode.Zoom;
pic.NullText = " ";
pic.BestFitWidth = 80;
this.winGridViewPager1.gridView1.Columns["HasAttachment"].ColumnEdit = pic;
this.winGridViewPager1.gridView1.Columns["HasAttachment"].MaxWidth = 100;
this.winGridViewPager1.gridView1.Columns["HasAttachment"].MinWidth = 80;
}
}


完成上面的几步操作,我们就能在GridView中正常显示一个图标了,通过这个案例,我们拓展开来,可以在GridView中展示更好的效果,例如可以把一些字段的Image图形数据读取出来并展示出来等操作。

本文转载自博客园-伍华聪


上DevExpress中文网,获取第一手最新产品资讯!

DevExpress技术交流群3:700924826      欢迎一起进群讨论


回复

使用道具 举报

Archiver|手机版|小黑屋|开发者网 ( 苏ICP备08004430号-2 )
版权所有:南京韵文教育信息咨询有限公司

GMT+8, 2024-4-28 05:17

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表