首页 > 其他分享 >界面控件DevExtreme v23.1新版亮点 - 全新的DateRangeBox组件

界面控件DevExtreme v23.1新版亮点 - 全新的DateRangeBox组件

时间:2023-07-14 09:56:00浏览次数:89  
标签:控件 自定义 v23.1 标签 DevExtreme 搜索 组件 DateRangeBox

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

DevExtreme今年第一个重大版本v23.1已发布,新版本发布了全新的日期范围框(DateRangeBox)组件、升级了Data Grid和Tree List功能等,欢迎获取新版体验!

DevExtreme v23.1官方正式版下载

DevExpress技术交流群8:523159565      欢迎一起进群讨论

全新的DateRangeBox组件

DateRangeBox组件用于Angular、React、Vue和jQuery,它允许您选择一个日期范围。功能包括:

  • 掩码输入
  • 自定义弹出窗口和日历
  • 输入标签和样式模式
  • 值模式
  • 输入验证
DevExpress ASP.NET Core v23.1新版图集
Data Grid和Tree List
自定义列选择器

新的selection属性允许用户在Column Chooser窗口中配置选择选项,可用的选项包括:

  • 递归选择
  • 选择所有
  • 通过单击列的标签选择列
DevExpress ASP.NET Core v23.1新版图集

您可以指定一个搜索配置对象来自定义Column Chooser中的搜索。

我们的新position属性允许您指定Column Chooser显示的位置。

数据过滤 - UI自定义
在数据网格、透视网格、树列表、甘特图中自定义标题过滤器

在新版本中可以自定义列标题过滤器中的搜索选项和搜索框的外观,您可以将搜索框设置为TextBox组件,指定比较规则和超时/延迟(以毫秒为单位)。

DevExpress ASP.NET Core v23.1新版图集

使用Search方法全局配置搜索设置,或者使用columns[].headerFilter.search 配置对象对单个列进行更改,使fields[].headerFilter.search属性配置Pivot网格中的搜索设置。

数据可视化
图表 - 颜色渐变和图案

您现在可以自定义样式和应用渐变、模式和图像到DevExpress图表组件。

DevExpress ASP.NET Core v23.1新版图集 DevExpress ASP.NET Core v23.1新版图集 DevExpress ASP.NET Core v23.1新版图集

使用registerGradient()方法来声明线性和径向梯度样式,使用registerPattern() 方法来声明图案和图像样式,这些方法为声明的样式返回一个唯一的id。在系列/点颜色对象中,指定标签和连接器的基本颜色,并将生成的id应用于fillId字段。

您还可以使用highlight选项来突出显示悬停和选择的系列。

图表 - 自定义系列标签位置

shift(x,y)方法允许您在其默认位置的指定偏移量处显示系列标签。

DevExpress ASP.NET Core v23.1新版图集
仪表 - 显示自定义SVG内容

使用centerTemplate属性在Gauge组件中显示自定义SVG内容。

DevExpress ASP.NET Core v23.1新版图集
BarGauge -支持“Shift”模式来解决重叠的标签

如果BarGauge显示多个相邻的值,则对应的标签可能重叠。使用resolveLabelOverlapping属性来指定BarGauge组件如何修改标签的位置或可见性,可用的选项包括:

  • Shift
  • Hide
  • None

在Shift模式下,BarGauge在必要时自动移动标签。

DevExpress ASP.NET Core v23.1新版图集

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

标签:控件,自定义,v23.1,标签,DevExtreme,搜索,组件,DateRangeBox
From: https://www.cnblogs.com/AABBbaby/p/17552862.html

相关文章

  • access 在其他窗口中设置组合框控件,没有触发它的AfterUpdate事件怎么办?
    '在A窗体中设置B窗体中组合框的值PrivateSubCommand9_Click()OpenFormAneCloseMe("订单管理")'注意这里是先打开窗体,等窗体打开后再设置值Forms("订单管理").Controls("Combo53").Value="全部"Forms("订单管理").Combo53_AfterUp......
  • Power APP Canvas组件简单控制画布控件
    效果图:图中绿色部分是组件,通过组件控制画布中按钮的点击事件。具体实现:1、组件按钮中赋值一个变量比如左按钮给yyy赋值false右按钮赋值true;2、增加输出属性                          将其赋值为此变量,此处用布尔......
  • U8凭证打印,启用新控件及强制分页处理
    1.启用新控件需要在选项中设置:2.然后在总账--凭证打印 套打设置如下:然后在打印预览设置时选择强制分面即可 ......
  • DevExpress WinForms TreeList控件,让业务数据展示更清晰!(一)
    DevExpressWinForms的TreeList控件是一个功能齐全、数据感知的TreeView-ListView的混合体,它可以以树形、网格或两者结合的形式显示数据信息。无论是数据绑定模式还是非绑定模式,都具有完整的数据编辑支持。PS:DevExpressWinForm拥有180+组件和UI库,能为WindowsForms平台创建具有......
  • C# winfrom 自定义一个多选下拉控件MultiCombobox
    先看效果图:下拉框可自由拖动大小,内部checkbox会自动换行。主要代码片段自定义控件MultiComboboxCtrl1publicpartialclassMultiComboBoxCtrl:UserControl2{3MyCheckboxListCtrlcheckBoxListCtrl;4publiceventAction<string>Selec......
  • 基于JavaFX的扫雷游戏实现(五)——设置和自定义控件
      它来了它来了,最后一期终于来了。理论上该讲的全都讲完了,只剩下那个拖了好几期的自定义控件和一个比较没有存在感的设置功能没有讲。所以这次就重点介绍它们俩吧。  首先我们快速浏览下设置的实现,上图:  然后是控制器代码:SettingsController.javapackagecontrollers;......
  • 界面控件DevExpress WPF数据编辑器,让数据处理更灵活!(一)
    界面控件DevExpressWPF编辑器库可以帮助用户提供直观的用户体验,具有无与伦比的运行时选项和灵活性。WPF数据编辑器提供了全面的掩码和数据验证支持,可以独立使用,也可以作为容器控件(如DevExpressWPFGrid和WPFTreeList)中的单元格编辑器使用。DevExpressWPF拥有120+个控件和库......
  • InteractiveDataDisplay曲线图控件的使用
    官网https://github.com/microsoft/InteractiveDataDisplay.WPF安装Install-PackageInteractiveDataDisplay.WPF前台代码 <Windowx:Class="InteractiveDataDisplayDemo.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presen......
  • mapbox添加自定义控件
    需要定义一个类,然后至少重写实现onAdd、onRemove方法,示例如下<template><divref="changeViewRef"@click="changeView"class="changeViewmapboxgl-ctrl"><el-tooltipclass="box-item"effect="dark"......
  • OxyPlot曲线图控件的使用
    官网:https://github.com/oxyplot/oxyplot官方文档:https://oxyplot.readthedocs.io/en/latest/ Nuget包平台Nuget包版本WPFOxyPlot.Wpf2.1.2WindowsFormsOxyPlot.WindowsForms2.1.2AvaloniaOxyPlot.Avalonia2.1.0   ......