DevExtreme JavaScript 组件 v22.2
UI模板库
我们使用一组响应式 UI 模板扩展了DevExtreme 组件库 的功能。这些随时可用的 UI“块”将使您能够将精力集中在应用程序逻辑上，并最大限度地减少在应用程序/UI 设计上花费的精力。
数据可视化
范围条形图 - 最小条形尺寸
使用新的minBarSize属性指定范围条形图中显示的条形的最小尺寸。
数据可视化组件——适配容器调整大小
我们的图表、仪表和地图控件现在可以自动适应容器中的变化。
VectorMap - 控制面板定制
以下选项允许您显示/隐藏平移控件和缩放栏：panVisible和zoomVisible。
枢轴网格
将字段面板标题导出到 Excel
您现在可以在导出的工作表中包含字段面板标题。以下字段标题导出相关选项可用：
• exportColumnFieldHeaders
• exportDataFieldHeaders
• exportFilterFieldHeaders
• exportRowFieldHeaders
字段选择器 - 编码 HTML
新的encodeHtml属性允许您将 HTML 标记作为纯文本处理或将它们应用于标头过滤器值。
用户界面组件
CSS 样式改进
以下组件现在在不同的用例条件下呈现得更加一致（适用于我们的通用和材料主题）：
• 按钮
• 日历
• 工具栏
• 日期框
• 调度器
• 字段集
• 列表
例如，我们工具栏的溢出菜单中的按钮现在反映指定的类型和样式模式。
验证消息位置
我们新的validationMessagePosition选项指定验证消息相对于编辑器输入区域的位置。可用设置包括：“底部”（默认）、“顶部”、“左侧”和“右侧”。
显示/隐藏 API 增强功能
onShowing / onHiding事件的取消参数现在支持 Promise 类型。这允许您在显示/隐藏组件之前执行异步操作。此增强功能在以下 UI 组件中可用：
• Popup
• Popover
• Tooltip
• Toast
• LoadPanel
显示/隐藏方法现在返回一个 Promise 对象，该对象在操作完成后解析。如果操作被取消，则此 Promise 将被拒绝。
滑块和范围滑块 - 值更改模式
Slider 和 Range Slider 组件现在包含一个valueChangeMode选项。此选项指定何时更改滑块的值。可用模式包括：
• 当用户释放滑块手柄时，该值会发生变化。
• 只要用户移动滑块手柄，该值就会立即更改。
工具栏适应性 - 多行模式
当我们的工具栏比其容器宽时，它现在可以跨多行。使用multiline属性启用多行模式。
Accordion - 单个项目的标题模板
您现在可以为单个项目定义标题模板。根据要求 使用titleTemplate属性。
CheckBox - 循环切换三种状态
我们扩展了 CheckBox 组件的功能。用户现在可以通过单击一个框在所有三种状态之间切换（从未选中状态循环到选中状态，然后再到不确定状态）。
使用enableThreeStateBehavior选项启用此模式。
日历 - 周数
日历组件现在可以显示周数。使用showWeekNumbers属性启用此选项。
日历会根据文化（区域设置）自动设置一年中的第一周。我们添加了weekNumberRule属性来指定用于确定一年中第一周的规则。可用规则包括自动、第一天、前四天和整周。
SelectBox 和 TagBox - 在失去焦点时提交自定义项目
我们增强了 SelectBox 和 TagBox 组件的默认行为。当用户按下 Enter 键或组件失去焦点时，这些组件会创建自定义项。
是的，您可以将 DOM 事件分配给customItemCreateEvent属性以根据需要更改默认行为。
表格 - 自定义标签模板
表单标签现在可以显示图像并支持内容格式。使用标签。template属性来定义自定义模板。
Popup 和 Popover - 工具栏中的溢出菜单
我们的 Popup 和 Popover 组件中的工具栏现在可以显示溢出菜单。
使用以下 API 自定义菜单和工具栏项：
• cssClass
• locateInMenu
• menuItemTemplate
• showText
DateBox - 自定义今日按钮文本
您现在可以重命名“今天”按钮（出现在“日期”和“日期时间”模式下）。新的todayButtonText属性指定按钮的文本。
渝公网安备50010702505508