首页 > 其他分享 >.NET应用UI框架DevExpress XAF v24.1 - 可用性进一步增强

.NET应用UI框架DevExpress XAF v24.1 - 可用性进一步增强

时间:2024-08-23 10:04:27浏览次数:10  
标签:DevExpress v24.1 编辑器 UI Blazor XAF

DevExpress XAF是一款强大的现代应用程序框架,允许同时开发ASP.NET和WinForms。DevExpress XAF采用模块化设计,开发人员可以选择内建模块,也可以自行创建,从而以更快的速度和比开发人员当前更强有力的方式创建应用程序。

DevExpress XAF v24.1新版中全新升级了支持CRUD操作、进一步增强了可用性等,欢迎下载最新版体验!

DevExpress v24.1正式版下载

DevExpress技术交流群10:532598169      欢迎一起进群讨论

Blazor – CRUD
网格列表编辑器中的批处理/单元格编辑

批编辑支持在DevExpress XAF Blazor v24.1中通过一个单一的选项(InlineEditMode = Batch)正式发布,就像DevExpress XAF WebForms一样。

DevExpress XAF v24.1产品图集
当DataAccessMode = Server时,从网格列表编辑器导出数据到Excel

DevExpress Blazor组件和XAF v24.1支持绑定到服务器端数据网格的Excel导出功能(EF Core和XPO ORM),要将数据导出到Excel,DevExpress Blazor Grid将显示一个加载指示器,并从数据源下载所有记录。

DevExpress XAF v24.1产品图集
在运行时将新字段添加到网格和布局控件的自定义表单中

DevExpress XAF WinForms应用程序包括一个对象模型对话框,有了它最终用户可以搜索、打勾或不打勾数据模型字段(包括子字段和集合),这些字段还没有显示在网格或布局控件中(作为Column Chooser或Customization Form的一部分)。

与Microsoft Office应用程序非常相似,该功能允许用户完全自定义列表和详细表单(基于数据模型的结构)。同样,当开发人员需要在不重新部署的情况下处理业务需求的更改时,这很有帮助。

DevExpress XAF Blazor v24.1为ListView(Column Chooser)和DetailView(Customization Form)提供了类似的体验,这个功能消除了在设计时模型编辑器(在Visual Studio内)中许多UI定制的需要,当然您也可以为最终用户禁用这些运行时功能。

DevExpress XAF v24.1产品图集 DevExpress XAF v24.1产品图集
Blazor – 可用性
支持Tabbed MDI

Tabbed MDI是在许多现代应用程序(包括您最喜欢的Web浏览器或Microsoft Outlook Web)中发现的多文档界面(MDI) UI比喻,它是一个健壮的界面,可以最大限度地利用文档屏幕空间,特别是在处理多个文档、电子邮件消息等时。

默认情况下,DevExpress XAF WinForms应用程序中启用了Tabbed MDI,DevExpress XAF Blazor在v24.1中提供了类似的用户体验,您还可以在模型编辑器中自定义Tabbed MDI,如下所示:

  • 在应用程序运行之间恢复先前打开的选项卡(RestoreTabbedMdiLayout = True by default)。
  • 刷新选项卡焦点上的视图数据源(RefreshViewOnTabFocus = False by default)
  • 显示或隐藏标签图像(ShowTabImage = True by default)

C#

protected override void OnFrameAssigned() {
base.OnFrameAssigned();
Frame.TemplateChanged += Frame_TemplateChanged;
}
void Frame_TemplateChanged(object sender, EventArgs e) {
if(Frame.Template is ITabbedMdiMainFormTemplate template) {
template.TabsModel.RenderMode = DevExpress.Blazor.TabsRenderMode.AllTabs;
}
}
DevExpress XAF v24.1产品图集
简化自定义Blazor属性和列表编辑器的创建

在v24.1中,官方减少了许多流行的UI定制场景的样板代码:

  • 创建自定义属性和列表编辑器。
  • 列表/属性编辑器在没有适配器的情况下访问代码中的控制选项。

以前,DevExpress XAF Blazor开发人员必须创建中间组件适配器、渲染器和其他样板类,这些类既麻烦又复杂。

在这个版本中,所需的代码量要少得多(就像DevExpress XAF WinForms版本一样)。DevExpress内置的ComponentModel类现在处理组件的ValueChanged事件(TextChanged、DateChanged、TimeChanged等),并自动读取和写入组件的值(文本,日期,时间等)。基于DxTextBoxModel组件模型的Blazor属性编辑器的最小实现如下:

C#

[PropertyEditor(typeof(string), false)]
public class CustomStringPropertyEditor : BlazorPropertyEditorBase {
public CustomStringPropertyEditor(Type objectType, IModelMemberViewItem model) : base(objectType, model) { }
public override DxTextBoxModel ComponentModel => (DxTextBoxModel)base.ComponentModel;
protected override IComponentModel CreateComponentModel() => new DxTextBoxModel();
}

用于自定义列表视图或DetailView属性编辑器控件的控制器代码在v24.1中也更简单(因为不需要适配器):

C#

public class CustomizeDateEditorController : ViewController<DetailView> {
protected override void OnActivated() {
base.OnActivated();
View.CustomizeViewItemControl<DateTimePropertyEditor>(this, CustomizeDateTimeEditor);
}
void CustomizeDateTimeEditor(DateTimePropertyEditor propertyEditor) {
// v23.2
//if(propertyEditor.Control is DxDateEditAdapter adapter) {
// adapter.ComponentModel.TimeSectionVisible = true;
//}
// v24.1+
propertyEditor.ComponentModel.TimeSectionVisible = true;
}
}
可访问性增强和键盘支持

目前,XAF (UI for ASP. NET Core Blazor, WinForms和ASP. NET WebForms) 提供了部分可访问性支持,反映了在各自UI平台上相应的DevExpress UI控件中发现的支持:

DevExpress XAF Blazor还附带了自己的一组UI组件/元素(如属性编辑器和动作容器)。在v24.1中,DevExpress扩展了所有XAF Blazor UI元素的可访问性支持并改进了键盘支持(约20%的场景)。XAF可访问性支持也将在2024年期间增强DevExpress Blazor UI组件的可访问性后自动升级。

同时DevExpress Blazor Grid的键盘导航选项也正式发布,并在XAF Blazor中默认启用。

标签:DevExpress,v24.1,编辑器,UI,Blazor,XAF
From: https://www.cnblogs.com/AABBbaby/p/18375377

相关文章

  • devexpress gridview master,detail视图 focuseRowHandle 同步选中
    gridview1是主视图,gridview2是其子视图gridview1中的多行就对应了多个gridview2实例,那么通时展开多个gridview1中的多个行,并且在这些展开的行中点不同gridview2的行时,gridview1的焦点行是不会自动切换的的需要做如下处理(这里还包括了了gridview2中的checkboxedit)......
  • 关于Quick.logger的一点点补充
    关于Quick.logger的一点点补充用Quick.logger一直有个需求需要用到对多种Provider更新时,自动更新TMemo之类TStrings相关的显示见面。一直想用Quick.Logger.Provider.StringList,然后指定页面里面的TMemo.lines来实现。但可以现象的是一定会因为同步问题导致失败。好在Quic......
  • H7-TOOL脱机烧录的UID加密操作方法,支持一键生成目标板C代码,方便大家轻松操作(2024-08-2
    UID加密使用比较方便,对应的C代码模板已经做好,使用TOOL上位机生成后,直接复制粘贴到自己的工程即可使用。返回1表示解密成功,返回0表示失败。【UID加密原理】1、烧录器在烧录芯片时,按照指定的算法将UID码编码为一个加密数据,并写入FLASH指定区域。2、用户的程序必须增加一段UID校......
  • diff.js+diff2html-ui.js 使用实例
    <!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>文件差异对比</title>&......
  • Uruguay Immigration Requirements
    Uruguayoffersarelativelystraightforwardimmigrationprocess,especiallyforthoselookingtoresideinthecountrylong-term.Herearesomegeneralrequirements:1.TouristVisaCitizensfrommanycountries(liketheUS,EU,andCanada)donotrequir......
  • build linux kernel
    https://www.kernel.org/doc/html/latest/translations/zh_CN/admin-guide/README.htmlhttps://www.kernel.org/https://docs.kernel.org/6.8/安装内核源代码如果您要安装完整的源代码,请把内核tar档案包放在您有权限的目录中(例如您的主目录)并将其解包:xz......
  • 安裝ComfyUI-Docker & 下載Model & Krita電繪軟件 & krita-ai-diffusion電繪插件 & AU
    1.0安裝ComfyUI-Dockergitclonehttps://github.com/YanWenKun/ComfyUI-Docker下載ComfyUI-Docker。sudochmod-R777*設置ComfyUI-Docker最高讀寫權限。dockerrmcomfyuidockerpullyanwk/comfyui-boot:latest下載Docker鏡像。mkdir./Comfy......
  • 【花雕学编程】Arduino FOC 之FTC机械臂关节控制
    Arduino是一个开放源码的电子原型平台,它可以让你用简单的硬件和软件来创建各种互动的项目。Arduino的核心是一个微控制器板,它可以通过一系列的引脚来连接各种传感器、执行器、显示器等外部设备。Arduino的编程是基于C/C++语言的,你可以使用ArduinoIDE(集成开发环境)来编写、......
  • uinapp-V3 创建项目
    1.去官网下在:网址:*1.uni-app官网(dcloud.io)*2.VisualStudioCode-CodeEditing.Redefined下载往后就是这两个app图标:因为我们最后打包都是通过HBuilderX打包所以尽量使用HBuilderX编写vueV3项目HBuilderX 下载需要看系统是Windows还是MacOSX下载对应的......
  • 加速网络体验,Squid缓存代理:让浏览如飞,畅享无限网络速度!
     作者简介:我是团团儿,是一名专注于云计算领域的专业创作者,感谢大家的关注 座右铭:   云端筑梦,数据为翼,探索无限可能,引领云计算新纪元 个人主页:团儿.-CSDN博客目录前言:squid代理的基本类型squid是如何工作的?实验目标:配置squid缓存代理,实现web访问速度的提高Squid的......