news 2026/8/8 21:57:38

【DevExpress中文教程】在GridView列中如何实现产品信息展示和选择?

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
【DevExpress中文教程】在GridView列中如何实现产品信息展示和选择?

有时为了方便,我们往往使用扩展函数的代码方式创建很多GridView的操作功能,在之前的文章中介绍过多行表头的创建及绑定处理,本文介绍在DevExpress的GridView的列中,使用RepositoryItemSearchLookUpEdit控件实现产品列表信息的展示和选择。

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

DevExpress新旧版本帮助文档获取可点击这篇文章查看——>《界面控件DevExpress v26.1帮助文档大全(CHM版本)》

一、界面效果展示

例如在CRM客户管理系统里面,有关报价单的界面如下所示。其中为了方便选择报价单的产品,我们在DevExpress的GridView的列中,增加了一个RepositoryItemSearchLookUpEdit控件来承载列表信息的展示的操作,如下界面所示。

如果是手工处理,那么可以在GridControl的设计界面中创建所需要的列并绑定字段信息,如下所示。

而对应产品名称的字段,我们需要使用它的列编辑控件来创建一个SearchLookupEdit的控件,如下所示。

然后还需要为这个视图创建对应的列,如下所示。

手工操作看似毕竟简单,但是不够灵活,因此我们喜欢使用扩展函数的方式,通过代码方式创建对应的控件以及绑定对应的字段信息,这样可以极大的提高代码的可维护性。

二、用扩展函数的方式,创建对应的控件及绑定字段信息

我们对GridControl和GridView的对象,创建了一些扩展函数,以便于对控件的弹性操作。

一般创建一些列的信息如下所示。

var colQuantity = grv.CreateColumn("Quantity", "销售数量"); colQuantity.CreateSpinEdit(); grv.CreateColumn("ProductNo", "产品编码").CreateTextEdit();

我们这里创建报价单信息列表,以及产品信息列表的处理代码如下所示。

/// <summary> /// 使用代码创建GridView的绑定以及单元格编辑控件 /// </summary> private void InitGridView() { var grd = this.gridControl1; var grv = this.gridView1; grv.Columns.Clear(); grv.CreateColumn(Id_FieldName, Id_FieldName).Visible = false;//创建一个字段,隐藏的,存储记录 productNameEdit = grv.CreateColumn("ProductName", "产品名称").CreateSearchLookUpEdit(); grv.CreateColumn("SalePrice", "销售单价").CreateTextEdit().ReadOnly = true; //colQuantity.AppearanceCell.BackColor = Color.Moccasin; //colQuantity.AppearanceCell.Options.UseBackColor = true; var colQuantity = grv.CreateColumn("Quantity", "销售数量"); colQuantity.AppearanceCell.BackColor = Color.Moccasin; colQuantity.AppearanceCell.Options.UseBackColor = true; colQuantity.CreateSpinEdit(); var colNote = grv.CreateColumn("Note", "备注说明"); colNote.AppearanceCell.BackColor = Color.Moccasin; colNote.AppearanceCell.Options.UseBackColor = true; colNote.CreateMemoEdit(); var colExpireDate = grv.CreateColumn("ExpireDate", "过期日期"); colExpireDate.AppearanceCell.BackColor = Color.Moccasin; colExpireDate.AppearanceCell.Options.UseBackColor = true; colExpireDate.CreateDateEdit(); grv.CreateColumn("ProductNo", "产品编码").CreateTextEdit(); grv.CreateColumn("MaterialCode", "物料编码").CreateTextEdit(); grv.CreateColumn("ProductType", "产品类型").CreateTextEdit(); grv.CreateColumn("Specification", "产品规格").CreateTextEdit(); grv.CreateColumn("Model", "产品型号").CreateTextEdit(); grv.CreateColumn("Unit", "标准单位").CreateTextEdit(); grv.InitGridView(GridType.NewItem, false, EditorShowMode.MouseDownFocused, ""); grv.InitNewRow += delegate (object sender, InitNewRowEventArgs e) { //数据记录初始化的时候设置 //grv.SetRowCellValue(e.RowHandle, "Id", Guid.NewGuid().ToString()); //grv.SetRowCellValue(e.RowHandle, "DictType_ID", typeId);//存储记录的父ID }; grv.ShowingEditor += new CancelEventHandler(gridView1_ShowingEditor); grv.CellValueChanged += new DevExpress.XtraGrid.Views.Base.CellValueChangedEventHandler(gridView1_CellValueChanged); }

其中注意产品信息里面,它使用了一个RepositoryItemSearchLookUpEdit控件。

productNameEdit = grv.CreateColumn("ProductName", "产品名称").CreateSearchLookUpEdit();

我们把它保存在窗体的变量中,供其他部分的代码调用创建它的视图列信息,以及设置它的数据源等操作。

/// <summary> /// 初始化数据字典 /// </summary> private async void InitDictItem() { //初始化代码 this.txtOrderStatus.BindDictItems("报价单状态"); //绑定产品列表 var list = await BLLFactory<IProductService>.Instance.GetAllInUsed(); productNameEdit.BindDictItems(list, "ProductName", "Id", true, new LookUpColumnInfo[] { new LookUpColumnInfo() { FieldName = "ProductType", Caption = "产品类型", Width = 90}, new LookUpColumnInfo() { FieldName = "ProductName", Caption = "产品名称", Width = 150}, new LookUpColumnInfo() { FieldName = "SalePrice", Caption = "产品单价", Width = 60}, new LookUpColumnInfo() { FieldName = "HandNo", Caption = "产品编码", Width = 60}, new LookUpColumnInfo() { FieldName = "MaterialCode", Caption = "物料编码", Width = 60}, new LookUpColumnInfo() { FieldName = "BarCode", Caption = "条形码", Width = 60}, new LookUpColumnInfo() { FieldName = "Specification", Caption = "产品规格, Width = 60"}, new LookUpColumnInfo() { FieldName = "Model", Caption = "产品型号", Width = 60}, new LookUpColumnInfo() { FieldName = "Color", Caption = "颜色", Width = 60}, new LookUpColumnInfo() { FieldName = "ProductSize", Caption = "尺寸", Width = 60}, new LookUpColumnInfo() { FieldName = "Unit", Caption = "标准单位", Width = 60}, new LookUpColumnInfo() { FieldName = "Quantity", Caption = "产品数量", Width = 60}, new LookUpColumnInfo() { FieldName = "Note", Caption = "备注", Width = 120}, }); productNameEdit.View.OptionsView.ColumnAutoWidth = false; }

上面代码指定了编辑控件列表中的列,以及数据源信息,这样通过扩展函数的代码方式创建,省却很多繁琐的手工操作。

然后我们判断主GridView的值变化的时候,跟踪到产品信息,然后赋值给其他对应列的信息,这样就可以复制产品的部分信息到列表中去了。

private async void gridView1_CellValueChanged(object sender, DevExpress.XtraGrid.Views.Base.CellValueChangedEventArgs e) { if (e.Column.FieldName == "ProductName" && e.Value != null) { var info = await BLLFactory<IProductService>.Instance.GetAsync(e.Value.ToString()); if (info != null) { //if (info.Quantity <= 1) //{ // MessageUtil.ShowTips(string.Format("[{0}]库存不足,请选择其他产品", info.ProductName)); // this.gridView1.DeleteRow(e.RowHandle); // return; //} this.gridView1.SetRowCellValue(e.RowHandle, "ProductNo", info.HandNo); this.gridView1.SetRowCellValue(e.RowHandle, "MaterialCode", info.MaterialCode); this.gridView1.SetRowCellValue(e.RowHandle, "ProductType", info.ProductType); this.gridView1.SetRowCellValue(e.RowHandle, "Specification", info.Specification); this.gridView1.SetRowCellValue(e.RowHandle, "Model", info.Model); this.gridView1.SetRowCellValue(e.RowHandle, "Unit", info.Unit); this.gridView1.SetRowCellValue(e.RowHandle, "SalePrice", info.SalePrice); } else { this.gridView1.SetRowCellValue(e.RowHandle, "ProductNo", DBNull.Value); this.gridView1.SetRowCellValue(e.RowHandle, "MaterialCode", DBNull.Value); this.gridView1.SetRowCellValue(e.RowHandle, "ProductType", DBNull.Value); this.gridView1.SetRowCellValue(e.RowHandle, "Specification", DBNull.Value); this.gridView1.SetRowCellValue(e.RowHandle, "Model", DBNull.Value); this.gridView1.SetRowCellValue(e.RowHandle, "Unit", DBNull.Value); this.gridView1.SetRowCellValue(e.RowHandle, "SalePrice", DBNull.Value); this.gridView1.SetRowCellValue(e.RowHandle, "Quantity", DBNull.Value); this.gridView1.SetRowCellValue(e.RowHandle, "Note", DBNull.Value); this.gridView1.SetRowCellValue(e.RowHandle, "ExpireDate", DBNull.Value); } } }

在界面的保存更新操作中,我们对其中的主表和明细表进行更新处理即可,如下代码所示。

/// <summary> /// 编辑状态下的数据保存 /// </summary> /// <returns></returns> public override async Task<bool> SaveUpdated() { var info = await BLLFactory<IQuotationService>.Instance.GetAsync(ID); if (info != null) { SetInfo(info); try { #region 更新数据 bool succeed = await BLLFactory<IQuotationService>.Instance.UpdateAsync(info); if (succeed) { //可添加其他关联操作 await SaveDetail(); return true; } #endregion } catch (Exception ex) { LogTextHelper.Error(ex); MessageDxUtil.ShowError(ex.Message); } } return false; }

以上就是使用扩展函数的方式,在DevExpress的GridView的列中,使用RepositoryItemSearchLookUpEdit控件实现产品列表信息的展示和选择的操作,希望能够给你提供参考的思路。

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

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/8/8 21:48:49

3步搞定离线文字识别:Umi-OCR本地批量处理终极指南

3步搞定离线文字识别&#xff1a;Umi-OCR本地批量处理终极指南 【免费下载链接】Umi-OCR OCR software, free and offline. 开源、免费的离线OCR软件。支持截屏/批量导入图片&#xff0c;PDF文档识别&#xff0c;排除水印/页眉页脚&#xff0c;扫描/生成二维码。内置多国语言库…

作者头像 李华
网站建设 2026/8/8 21:46:33

PEEK从安装到部署:面向初学者的一站式操作手册

NEO交易构建与验证&#xff1a;10个关键步骤确保安全执行 &#x1f512; 【免费下载链接】neo NEO Smart Economy 项目地址: https://gitcode.com/gh_mirrors/ne/neo NEO区块链是一个智能经济平台&#xff0c;其交易系统设计精巧且安全可靠。本文将为你详细解析NEO交易构…

作者头像 李华
网站建设 2026/8/8 21:45:57

DashPlayer:如何用这款革命性智能播放器突破英语学习瓶颈?

DashPlayer&#xff1a;如何用这款革命性智能播放器突破英语学习瓶颈&#xff1f; 【免费下载链接】DashPlayer 为英语学习者量身打造的视频播放器&#xff0c;助你通过观看视频、沉浸真实语境&#xff0c;轻松提升英语水平。#美剧 #播放器 #听力 项目地址: https://gitcode.…

作者头像 李华
网站建设 2026/8/8 21:38:09

从.proto到Lua:protoc-gen-lua编译流程与示例解析

ML Workspace最佳实践&#xff1a;10个提升机器学习开发效率的技巧 【免费下载链接】ml-workspace &#x1f6e0; All-in-one web-based IDE specialized for machine learning and data science. 项目地址: https://gitcode.com/gh_mirrors/ml/ml-workspace ML Workspa…

作者头像 李华