没有找到合适的产品?
联系客服协助选型:023-68661681
提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
翻译|行业资讯|编辑:龚雪|2024-01-02 14:06:40.533|阅读 22 次
概述:本文将为大家介绍DevExpress Blazor Grid组件在v23.2版本中支持的单元格编辑新模式,欢迎下载最新版体验!
# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>
DevExpress Blazor UI组件使用了C#为Blazor Server和Blazor WebAssembly创建高影响力的用户体验,这个UI自建库提供了一套全面的原生Blazor UI组件(包括Pivot Grid、调度程序、图表、数据编辑器和报表等)。
在这篇文章中,我们将介绍DevExpress Blazor Grid 组件的新单元格编辑模式功能(在v23.2发布周期中作为社区技术预览版提供)。
DevExpress技术交流群9:909157416 欢迎一起进群讨论
当启用单元格编辑模式时,用户可以单击单元格,并通过这样做将其切换到编辑模式。一旦进入编辑模式,DevExpress Blazor Grid将在单元格中显示一个就地编辑器,用户可以使用此编辑器编辑当前单元格值,或者将焦点移动到其他单元格并显示关联的编辑器。当焦点移到另一行时,控件将验证用户输入并根据需要保存更改。
当使用DevExpress Blazor Grid的单元格编辑模式时,Edit(编辑)、Cancel(取消)和Save按钮是不必要的。您可以从命令列中删除这些按钮,也可以删除整个命令列。不使用内置命令列,您可以添加工具栏或上下文菜单来显示自己的新记录和/或Delete按钮。
要在您的Blazor应用程序中激活单元格编辑模式,必须:
<DxGrid Data="DataSource" KeyFieldName="EmployeeId" EditMode="GridEditMode.EditCell" KeyboardNavigationEnabled="true" EditModelSaving="Grid_EditModelSaving" DataItemDeleting="Grid_DataItemDeleting"> <Columns> <DxGridCommandColumn /> <DxGridDataColumn FieldName="FirstName" /> <DxGridDataColumn FieldName="LastName" /> <DxGridDataColumn FieldName="Title" /> <DxGridDataColumn FieldName="HireDate" /> </Columns> </DxGrid> @code { IGrid Grid { get; set; } IEnumerable<EditableEmployee> DataSource { get; set; } // ... async Task Grid_EditModelSaving(GridEditModelSavingEventArgs e) { // Saves changes } async Task Grid_DataItemDeleting(GridDataItemDeletingEventArgs e) { // Deletes the processed data item } }
与DevExpress Blazor Grid的其他数据编辑模式类似,单元格编辑模式根据列数据类型自动生成单元格编辑器。对于高级使用场景,您可能需要自定义自动生成的编辑器,或者用所需的编辑器替换它们。当您探索这个特性时,一定要检查单元格编辑是否与为EditSettings和CellEditTemplate定义的DevExpress编辑器(以及自动生成的编辑器)一起工作。
单元格编辑模式支持键盘导航,并附带一组预定义的键盘快捷键,因此它要求您启用 属性。要在数据单元格中显示编辑器,用户可以聚焦该单元格并按Enter。当编辑器可见时,以下键盘快捷键可用:
要在网格单元格之间快速导航,用户还可以执行以下内置快捷方式(隐藏本地编辑器时可用):
DevExpress Blazor Grid 根据编辑模型中定义的 数据注释属性 自动验证用户输入,一旦用户将焦点从编辑的单元格上移开,网格将验证该单元格的值。当焦点离开已编辑的行或用户按下Save按钮时,网格验证已编辑数据项的所有字段值。
验证后,组件将用彩色轮廓标记编辑器并显示验证图标。用户可以将鼠标悬停在错误图标上,在工具提示中显示相应的错误消息。网格阻止用户编辑其他行,直到解决了所有验证错误。
使用单元格编辑,您可以随时保存更改,可以将和事件处理程序中的更改直接发布到底层数据库,从而实现逐行保存操作。或者,您可以在内存中积累更改(批处理编辑),并在用户执行特定操作(例如,按下外部按钮)时将它们发布到数据库。
要在Blazor应用程序中引入批处理数据编辑,请对代码进行以下更改:
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@wqylolg.cn
文章转载自:慧都网通过本次更新,HOOPS Exchange不仅强化了对各类主流文件格式的支持,增强了跨平台的兼容性和稳定性,还为用户提供了更便捷、更高效的功能体验,进一步巩固了其在3D数据转换和交换领域的领先地位。
在工业和建筑领域,CAD 文件的处理至关重要。CADViewX 作为一款功能强大的 ActiveX 组件,能够为应用程序注入高效的 CAD 处理能力,助力企业和开发者轻松应对各类 CAD 文件操作需求。
在现代 Web 应用开发领域,Syncfusion 公司的 Essential Studio for JavaScript 脱颖而出,成为开发者构建高效、美观应用的得力助手。它不仅提供了丰富的 UI 组件库,还深度融合了性能优化与跨平台支持,帮助企业快速实现复杂业务需求。以下从功能特点、核心优势和应用场景三方面展开,带您全面了解这一工具。
工业3D应用开发,既要建模好、也要可视化强,选对技术栈非常关键。希望这篇对比能帮你理清选型方向,少踩坑、快上线!
优秀的界面控件开发包,帮助企业构建卓越应用!
DevExpress DXperience Subscription高性价比的企业级.NET用户界面套包,助力企业创建卓越应用!
DevExpress ASP.NET Controls多款重量级ASP.NET用户界面组件套包,让您快速开发出完美、强大的应用程序!
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@wqylolg.cn
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢