界面控件DevExtreme v23.1 - UI组件 & UI模板库增强

DevExtreme拥有高性能的HTML5 / JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NET Core，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NET Core或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。 该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。

DevExtreme今年第一个重大版本v23.1已发布，新版本进一步增强了UI组件和UI模板库功能，欢迎获取新版体验！

DevExtreme v23.1正式版下载

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

UI组件

覆盖组件 - 本地滚动

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

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

TreeView — 显示自定义展开/折叠图标

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

使用collapseIcon 和 expandIcon 属性来指定节点图标，您可以从URL加载图标，在CSS类中指定图标(如果使用外部库)，或者显示DevExtreme图标。

List — 单击选择项目

我们新的selectByClick设置指定当用户单击标题时是否选择项目。

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))
• 颜色名称

Menu — 为项目新增“url”选项

新版本为菜单项新增了一个新的url选项，有了这个增强，您就不必实现复杂的nItemClick事件处理程序了，使用linkAttrr属性来指定链接属性。

改进日历设计

UI/UX增强包括：

• 'Prev' 和 'Next'箭头现在是完全可定制的按钮组件。
• 从视觉上增强了不同日历视图中的选择。
• 周数列现在有一个全新的外观和感觉。

改进的自适应性允许您为台式机、平板电脑和手机提供响应迅速的web应用程序。

浮动动作按钮 - 支持紧凑模式

新版本为Floating Action Button添加了一个紧凑模式。

UI模板库

Scheduler View（日程视图）

Scheduler View允许您轻松地交付调度/信息管理解决方案，它集成了我们完全可定制的调度程序和日历组件。

功能包括：

• 日/工作周/月/议程视图
• 创建和编辑事件(约会)
• 显示/隐藏日历

用户配置文件视图

新版本使用DevExtreme Form组件创建一个用户配置文件视图，该视图允许您编辑和保存用户信息。

明暗主题切换器

新版本的UI模板库应用程序附带了一个新的主题切换器，用它来切换明亮和黑暗的主题。

身份验证表单

新版本改进了 "Sign-In"和"Change Password"表单的功能和设计，增加了显示密码选项和"Login with Google/Microsoft"按钮。

---

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