首页 > 其他分享 >界面控件DevExtreme v23.2亮点 - 标签、表单、编辑器功能升级

界面控件DevExtreme v23.2亮点 - 标签、表单、编辑器功能升级

时间:2024-05-28 09:57:23浏览次数:29  
标签:控件 v23.2 选项卡 标签 表单 DevExtreme 编辑器

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

DevExtreme今年近期发布了重大版本v23.2,新版本进一步增强了标签面板的可自定义性、升级表单和编辑器组件功能等,欢迎获取新版体验!

DevExtreme v23.2正式版下载

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

选项卡 & 选项卡面板
垂直制表符方向

对于选项卡,我们添加了一个新的orientation选项,允许您水平或垂直排列选项卡。

DevExtreme v23.2新版产品图集 DevExtreme v23.2新版产品图集
自定义选项卡位置

对于TabPanel,新的tabsPosition选项允许您在面板的右侧、左侧、顶部和底部定位选项卡。

DevExtreme v23.2新版产品图集 DevExtreme v23.2新版产品图集 DevExtreme v23.2新版产品图集 DevExtreme v23.2新版产品图集
自定义图标位置

选项卡和TabPanel现在都包含一个iconPosition选项,允许您定义图标在选项卡中的显示位置(开始、结束、顶部或底部位置)。

DevExtreme v23.2新版产品图集
二次样式模式

现在可以为激活的选项卡指定样式模式,以下样式模式是可用的:

  • primary - 下划线的宽度是固定的。
  • secondary - 下划线的宽度取决于制表符的内容。
DevExtreme v23.2新版产品图集
表单 & 编辑器
变化检测(Dirty State)

DevExtreme v23.2包含以下更改:

  • 将重置方法重命名为clear以保持一致性,并为编辑器引入新的reset方法来保持重置功能。
  • 弃用表单的resetValues方法,用clear替代,并为整个表单引入了一个新的reset方法。
  • 为编辑器和Form. isDirty添加了isDirty标志,帮助检测表单项或编辑器中的更改。
DevExtreme v23.2新版产品图集
支持DateRangeBox

您现在可以使用editorType: 'dxDateRangeBox' 将DateRangeBox组件添加到表单中。

DevExtreme v23.2新版产品图集
#'Outside'标签模式

DevExtreme v23.2为编辑器提供了一个新的'outside'标签模式。

DevExtreme v23.2新版产品图集
DropDownButton — 全新的'Type' 选项

DevExtreme DropDownButton包含一个类型选项,就像对应的Button一样。

Examples(示例)

Angular | React | Vue | jQuery

标签:控件,v23.2,选项卡,标签,表单,DevExtreme,编辑器
From: https://www.cnblogs.com/AABBbaby/p/18217180

相关文章

  • 使用.Net Core开发WPF App系列教程( 八、WPF中的常用控件(下))
    使用.NetCore开发WPFApp系列教程一、.NetCore和WPF介绍二、在VisualStudio2019中创建.NetCoreWPF工程三、与.NetFramework的区别四、WPF中的XAML五、WPF中的布局六、WPF中的常用控件(上)七、WPF中的常用控件(中)八、WPF中的常用控件(下)其它、实现多语言切换的几种方......
  • 响应式UI组件DevExtreme中文教程 - 工具栏的自适应模式
    DevExtreme拥有高性能的HTML5/JavaScript小部件集合,使您可以利用现代Web开发堆栈(包括React,Angular,ASP.NETCore,jQuery,Knockout等)构建交互式的Web应用程序。从Angular和Reac,到ASP.NETCore或Vue,DevExtreme包含全面的高性能和响应式UI小部件集合,可在传统Web和下一代移动应用程......
  • 响应式UI组件DevExtreme中文教程 - 工具栏的自适应模式
    DevExtreme拥有高性能的HTML5/JavaScript小部件集合,使您可以利用现代Web开发堆栈(包括React,Angular,ASP.NETCore,jQuery,Knockout等)构建交互式的Web应用程序。从Angular和Reac,到ASP.NETCore或Vue,DevExtreme包含全面的高性能和响应式UI小部件集合,可在传统Web和下一代移动应用程序中......
  • Qt QListWidget 存放自定义控件不显示问题
    问题软件功能:每点击一次新建按钮,在QListWidget新增一行自定义控件,主窗口和自定义窗口如下。主窗口:自定义窗口问题代码:Form*myform=newForm();QListWidgetItem*item=newQListWidgetItem(ui->listWidget);ui->listWidget->addItem(item);......
  • WPF一个简单的属性编辑控件
    代码:publicclassPropertiesControl:Grid{[TypeConverter(typeof(LengthConverter))]publicdoubleRowHeight{get{return(double)GetValue(RowHeightProperty);}set{SetValue(RowHeightProperty,......
  • ThinkEditor跨平台BS电子病历编辑器控件具备哪些能力
            笔者从事医疗信息化行业工作10多年,对当前热门的BS架构的电子病历编辑器有一些自己的思考发出来供大家讨论,笔者信译,演示网址:www.thinkeditor.com。1.病历结构是否需要结构化        首先是陈旧的自定义字符串格式,虽格式灵活,但需自己编写病历格式解析......
  • 推荐2款开源、美观的WinForm UI控件库
    前言今天大姚给大家分享2款开源、美观的WinFormUI控件库,希望可以帮助到有需要的同学。WinForm介绍WinForm是一个传统的桌面应用程序框架,它基于Windows操作系统的原生控件和窗体。通过简单易用的API,开发者可以快速构建基于窗体的应用程序,并且可以利用多种控件和事件来实现应......
  • 使用python uiautomation模块,结合多线程快速寻找控件
    文章目录1.形式一2.形式二1.形式一该方法使用多线程进行搜索,主线程不会等待所有子线程返回结果后再继续执行,而是在获取队列中第一个结果后立即继续执行。优势在于一旦有子线程找到结果,主线程就能立即继续执行;劣势在于未找到结果的子线程会持续搜索,直到达到设定的最大......
  • 【WPF】WPF中调用winform的控件,winform始终置顶处理
    在WPF中调用windowFormsHost的控件时,由于渲染机制的问题总会出现各种问题,比如Winform的控件始终会出现在最顶层。在WPF项目中添加Microsoft.DwayneNeed.dll可以避免置顶问题<xmlns:interop=clr-namespace:Microsoft.DwayneNeed.Interop;assembly=Microsoft.DwayneNeed></xmln......
  • Vue 使用 Devextreme框架,下拉框不会随页面的滚动而移动的问题解决
    Devextreme的DxSelectBox组件的下拉选项部分,默认是绝对位置布局,导致页面滚动时,下拉部分不会上下移动个人的解决方案,监听页面滚动事件,如果目前有打开的下拉框,先关闭下拉框,随后迅速再打开,视觉效果上可以做到下拉选项跟随组件滚动vue项目中可能会有很多页面,很多下拉框,我是用的给每......