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官方正式版下载(Q技术交流：523159565）
全新的DateRangeBox组件
DateRangeBox组件用于Angular、React、Vue和jQuery，它允许您选择一个日期范围。功能包括：
- 掩码输入
- 自定义弹出窗口和日历
- 输入标签和样式模式
- 值模式
- 输入验证
Data Grid和Tree List
自定义列选择器
新的selection属性允许用户在Column Chooser窗口中配置选择选项，可用的选项包括：
- 递归选择
- 选择所有
- 通过单击列的标签选择列
您可以指定一个搜索配置对象来自定义Column Chooser中的搜索。
我们的新position属性允许您指定Column Chooser显示的位置。
数据过滤 - UI自定义
在数据网格、透视网格、树列表、甘特图中自定义标题过滤器
在新版本中可以自定义列标题过滤器中的搜索选项和搜索框的外观，您可以将搜索框设置为TextBox组件，指定比较规则和超时/延迟(以毫秒为单位)。
使用Search方法全局配置搜索设置，或者使用columns[].headerFilter.search 配置对象对单个列进行更改，使fields[].headerFilter.search属性配置Pivot网格中的搜索设置。
数据可视化
图表 - 颜色渐变和图案
您现在可以自定义样式和应用渐变、模式和图像到DevExpress图表组件。
使用registerGradient()方法来声明线性和径向梯度样式，使用registerPattern() 方法来声明图案和图像样式，这些方法为声明的样式返回一个唯一的id。在系列/点颜色对象中，指定标签和连接器的基本颜色，并将生成的id应用于fillId字段。
您还可以使用highlight选项来突出显示悬停和选择的系列。
图表 - 自定义系列标签位置
新shift(x,y)方法允许您在其默认位置的指定偏移量处显示系列标签。
仪表 - 显示自定义SVG内容
使用centerTemplate属性在Gauge组件中显示自定义SVG内容。
BarGauge -支持“Shift”模式来解决重叠的标签
如果BarGauge显示多个相邻的值，则对应的标签可能重叠。使用resolveLabelOverlapping属性来指定BarGauge组件如何修改标签的位置或可见性，可用的选项包括：
- Shift
- Hide
- None
在Shift模式下，BarGauge在必要时自动移动标签。文章来源：https://www.toymoban.com/news/detail-596474.html
文章来源地址https://www.toymoban.com/news/detail-596474.html
到了这里，关于界面控件DevExtreme v23.1新版亮点 - 全新的DateRangeBox组件的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
