首页 > 编程语言 >界面组件DevExpress ASP.NET Core v23.1 - 进一步升级UI组件

界面组件DevExpress ASP.NET Core v23.1 - 进一步升级UI组件

时间:2023-11-09 10:11:21浏览次数:39  
标签:Core ASP DevExpress UI 组件 NET

DevExpress ASP.NET Core Controls使用强大的混合方法,结合现代企业Web开发工具所期望的所有功能。该套件通过ASP.NET Razor标记和服务器端ASP.NET Core Web API的生产力和简便性,提供客户端JavaScript的性能和灵活性。ThemeBuilder工具和集成的Material Design、通用主题集可以让您提供现代化的用户界面,并有效地定义企业的品牌形象。

DevExpress ASP.NET Core日前正式升级了今年第一个重要版本v23.1,新版本进一步增强了UI组件、可访问性功能等,欢迎获取新版体验!

DevExpress ASP.NET Core v23.1正式版下载

DevExpress技术交流群9:909157416      欢迎一起进群讨论

UI组件
覆盖组件 - 原生滚动

新版本中Popup、Popover和Tooltip组件现在支持原生滚动,这提高了移动设备上的可用性。

如果内容的高度大于覆盖组件的高度,组件将显示浏览器的原生滚动条。有了这个新的增强功能,您不需要将内容包装到ScrollView组件中。

DevExpress ASP.NET Core v23.1新版图集
TreeView - 显示自定义展开/折叠图标

TreeView节点现在可以显示自定义展开/折叠图标。

使用CollapseIcon和ExpandIcon方法来指定节点图标,您可以从url加载图标,在CSS类中指定图标(如果使用外部库),或者显示默认图标。

DevExpress ASP.NET Core v23.1新版图集
List(列表) - 单击选择项目

全新的 SelectByClick 方法指定当用户单击标题时是否选择项目。

DevExpress ASP.NET Core v23.1新版图集
ColorBox - 十六进制8位RGBA格式支持

现在可以用十六进制的8位RGBA格式指定颜色,ColorBox组件接受以下颜色格式:

  • 4位和8位(#F00F, #FF0000FF)
  • 3位和6位十六进制(#F00, #FF0000)
  • RGB (RGB (255, 0, 0))
  • RGBA (RGBA (255, 0, 0, 1))
  • 颜色名称
DevExpress ASP.NET Core v23.1新版图集
菜单 - 为项目添加“url”选项

新版本为菜单项添加了一个新的Url方法,通过这个增强使用LinkAttr方法指定链接属性。

可访问性

此版本扩展了以下与可访问性相关的功能:

  • 聚焦禁用UI元素
    在组件中可访问和禁用(不可用)UI元素之间切换焦点现在符合WAI-ARIA标准,屏幕阅读器现在可以在用户关注一个被禁用的元素时报告它,不允许与禁用的UI元素进行任何其他交互。
  • TreeView中的键盘导航
    此版本改进了选项卡导航(tab键)之间的项目复选框和“selectAll”复选框。
  • 日历中的键盘导航
    用户可以关注Today按钮并按Enter键导航到今天的日期,启用showTodayButton设置来在日历中显示Today按钮。
  • 全局重写 ofaria-*属性
    这一增强使我们能够在所有UI组件中更好地支持屏幕阅读器。
  • Tabs 和 TabPanel — 改进了Material和通用主题的设计
    新版本为Tabs和Tab Panel组件添加了新的视觉状态,也改进了现有的状态:悬停、激活、禁用、聚焦和选择。
  • 图表 — 图案和图像填充
    有了这个新的自定义选项,您可以编辑样式,将图像和SVG模式应用到DevExpress图表中。

此版本还改进了DataGrid、TreeList和下拉编辑器的文档,文档现在包含了关于可访问性支持的帮助主题。每个帮助主题都包含一个表,其中包含组件支持的特性和标准(例如,Autocomplete Accessibility)。新版本使用Lighthouse、WAVE和Axe辅助工具来测试组件并在表中显示结果。

DevExpress ASP.NET Core v23.1新版图集
安全性
内容安全策略(CSP)支持

DevExtreme UI库现在支持内容安全策略(CSP)集成,并引入了高级安全特性来帮助您检测和减轻某些类型的安全风险,包括跨站点脚本(XSS)和数据注入攻击。为了确保DevExtreme UI组件支持CSP,我们通过单元测试来运行它们。


更多DevExpress线上公开课、中文教程资讯请上中文网获取

标签:Core,ASP,DevExpress,UI,组件,NET
From: https://www.cnblogs.com/AABBbaby/p/17819086.html

相关文章

  • vue 项目使用element ui 中tree组件 check-strictly 用法
    属性check-strictly:   在显示复选框的情况下,是否严格遵循父子互相关联的做法,默c认为false。   默认false,父子关联。      点击父节点,其下子节点全部统一跟随父节点变化,点击子节点,子节点部分勾选时,父节点处于半选状态。   设置为true,严格遵循......
  • vue-test4 -------组件之间的数据传递
    <template><h3>CompA</h3><component-b:onfun="dateFun"></component-b><p>{{msg}}</p></template><script>importComponentBfrom"@/components/ComponentB.vue";exportdefault{......
  • Flutter TextField组件的使用
    FlutterTextField组件简单的说,这个组件其实就是个输入框。1.属性constTextField({Keykey,this.controller,//控制器this.focusNode,//焦点this.decoration=constInputDecoration(),//装饰TextInputTypekeyboardType,//键盘类型,即输入类型this.textInputAction,//......
  • 封装 Vue 组件的过程?
    组件可以提升整个项目的开发效率。能够把页面抽象成多个相对独立的模块,解决了我们传统项目开发:效率低、难维护、复用性等问题分析需求:确定业务需求,把页面中可以复用的结构,样式以及功能,单独抽离成一个文件,实现复用具体步骤:使用Vue.extend方法创建一个组件,然后使用Vue.comp......
  • vue3 使用elementUI饿了么el-table组件 动态循环自定义表头列数据
     在vue3上使用el-table组件自定义循环表头列;<el-table:data="list"v-loading="loading"border>      <!--@selection-change="handleSelectionChange"-->      <!--<el-table-columntype="selection"wi......
  • Aspose.Words解除word转pdf的页数限制
    参考文章Aspose.Words破解版用法示例Aspose.Words中文文档本篇文章可以实现解除word转pdf的页数限制,并去除水印。引入dll根据Aspose.Words破解版用法示例这篇文章中提供的dll以及证书,进行注册。右键项目添加项目引用,点击浏览选择15.7的dll进行添加在程序启动时注册......
  • vue3异步组件
    父组件中,子组件的加载一般是按照先后顺序加载的,子组件加载后才会加载父组件。一个页面的子组件很多,由于会先加载子组件,那么父组件可能会出现比较长的白屏等待时间大型项目,可能需要拆分应用为更小的块,并仅在需要时再从服务器加载相关组件Vue提供defineAsyncComponent方法:import......
  • 第三方组件及计算属性传参的问题解决方式
    1.前言唉,好想玩滋嘣。2.计算属性直接传参接收不到表格数据某一列需要用的计算属性时,模板中使用计算属性fullName就会直接调用fullName函数,而在模板中fullName(item)相当于fullName()(item),此处为函数柯里化。<el-table-columnlabel="名称"align="center"min-width=......
  • vue3异步组件
    父组件中,子组件的加载一般是按照先后顺序加载的,子组件加载后才会加载父组件。一个页面的子组件很多,由于会先加载子组件,那么父组件可能会出现比较长的白屏等待时间大型项目,可能需要拆分应用为更小的块,并仅在需要时再从服务器加载相关组件Vue提供defineAsyncComponent方法:import......
  • vuejs3.0 从入门到精通——Element Plus 组件库
    ElementPlus组件库一、ElementPlus 基于Vue3,面向设计师和开发者的组件库。二、完整导入https://element-plus.org/zh-CN/guide/quickstart.html#完整引入 如果你对打包后的文件大小不是很在乎,那么使用完整导入会更方便。//main.tsimport{createApp}from'vu......