两步操作轻松优化通用附件模块的应用界面效果_devexpress wingridviewpager

DevExpress v20.2完整版下载

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

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

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

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

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

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

二、具体实现代码

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

/// <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列的显示类型，并限定它的宽度等操作，以便进行更好的展示，如下代码所示。

this.winGridViewPager1.gridView1.DataSourceChanged += new EventHandler(gridView1_DataSourceChanged);

/// <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中文网，获取第一手最新产品资讯！