百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

DevExpress v16.1新功能介绍

zhezhongyun 2025-02-11 14:24 34 浏览

适应性

改进

DevExtreme & HTML5/JS v16.1为不同屏幕分辨率提供了不同的dxForm组件,此外,我们的HTML5 Data Grid专为小屏幕提供了一些新功能:

  • 使用鼠标点击扩展或折叠groups;
  • Group rows使用上下文菜单;
  • 使用复选框选择columns。

支持AngularJS 2.0

DevExtreme编辑器新增支持AngularJS 2.0

ASP.NET MVC Wrappers (CTP)

v16.1新增支持DevExtreme ASP.NET MVC Wrappers,ASP.NET开发者可使用Razor C#代码在MVC应用中使用DevExtreme组件。

集成Bootstrap

DevExtreme Theme Builder新增支持可自定义的Bootstrap模板,定义UI变得更加快捷和简单。

Data Grid

Banded Column Layout

HTML5-JavaScript Data Grid提供了扩展布局和自定义选项,可以方便的进行整个column的重拍。这个功能在针对跨多区域的用户场景时使用体验更佳。

Data Visualization

HTML5-JavaScript TreeMap

TreeMap可以快速对单层或多层数据进行嵌套,或者通过可量化的变量进行排序和定义尺寸。

客户端导出HTML5-JavaScript Chart

HTML5 Data Visualization组件新增支持客户端导出和打印图表的功能,目前支持:

  • 导出PNG, JPEG, GIF, SVG 和 PDF
  • 打印
  • 可自定义的菜单

连续数据的离散呈现

在TML5-JavaScript Range Selector内配置数据时,可以根据自己的需要分离连续的数据(比如数字或者时间),这个功能通过新增的 "semidiscrete" scale type就可以做到。

模块化

从v16.1开始,可只使用小的模块,根据自己的需要加载功能。支持以下几种方式:

  • 使用 RequireJS 自动加载模块
  • 使用 Webpack 创建集合(bundle)
  • 使用 jspm package manager 加载模块
  • 使用 DevExtreme Bundler 工具创建包含特定模块的集合

Pivot Grid

Field Panel

v16.1新增一个非常有用的组件:Field Panel,让最终用户轻松排列字段,改变筛选和排序设置。

图表集成

DevExtreme v16.1简化了将HTML5 图表与HTML5 Pivot Grid集成的步骤。

可重新定位的Data Field Headers

DevExtreme v16.1的Pivot Grid可以在column或row区域内对Field Headers指定显示的位置。

运行时Summary Type Selection

最终用户可以在Pivot Grid's context menu下修改Summary Type。

Tree Header Layout

DevExpress HTML5 Pivot Grid新增了tree layout模式,在Web APP上可以最大化屏幕分辨率。

Scheduler

Agenda View

HTML5 Scheduling组件增加了紧凑的Agenda View模式。

Timeline Month View

新版本HTML5 Scheduler新增了Timeline Month View。

支持Time Zone

可根据需要指定时间区域。

集成Visual Studio

弃用"cordova-wp8"平台之后,Apache Cordova目前仍然保持维护支持Windows 8, 8.1 and 10的"cordova-windows" 。DevExtreme项目已经更新支持新的变化。

改进组件

HTML5-JavaScript SelectBox

SelectBox支持value completion,支持TAB键盘操作。设置searchMode为'startswith'可启用自动完成。

HTML5-JavaScript TagBox

  • 不用重新打开tag-box就可以选择多个items;
  • TagBox组件支持 single-line 模式。所有选中的tags会在一行中显示并且支持垂直滚动;
  • 可以通过键盘快捷键查找选中的tags;
  • Value completion,快捷键TAB可以选择建议值。

其他

  • 改进性能
  • 新增NPM Package
  • 不再支持IE8
  • 支持 jQuery Globalize version 1.X

======================================================================

DevExpress专为企业客户提供团队、企业授权优惠方案,欢迎来电咨询:023-66090381

慧都控件|提供软件技术整体解决方案

扫码关注微信

云集全球三千余款优秀控件、软件产品,提供行业领先的咨询、培训与开发服务

微信ID:EVGET_Huidu

企业QQ:800018081|电话:023-66090381

相关推荐

JavaScript中常用数据类型,你知道几个?

本文首发自「慕课网」,想了解更多IT干货内容,程序员圈内热闻,欢迎关注!作者|慕课网精英讲师Lison这篇文章我们了解一下JavaScript中现有的八个数据类型,当然这并不是JavaScr...

踩坑:前端的z-index 之bug一二(zh1es前端)

IE6下浮动元素bug给IE6下的一个div设置元素样式,无论z-index设置多高都不起作用。这种情况发生的条件有三个:1.父标签position属性为relative;2.问题标签无posi...

两栏布局、左边定宽200px、右边自适应如何实现?

一、两栏布局(左定宽,右自动)1.float+margin即固定宽度元素设置float属性为left,自适应元素设置margin属性,margin-left应>=定宽元素宽度。举例:HTM...

前端代码需要这样优化才是一个标准的网站

  网站由前端和后端组成,前端呈现给用户。本文将告诉您前端页面代码的优化,当然仍然是基于seo优化的。  就前端而言,如果做伪静态处理,基本上是普通的html代码,正常情况下,这些页面内容是通过页面模...

网页设计如何自学(初学网页设计)

1在Dreamweaver中搭建不同的页面,需要掌握HTML的语句了,通过调整各项数值就可以制作出排版漂亮的页面,跟着就可以学习一些可视化设计软件。下面介绍网页设计如何自学,希望可以帮助到各位。Dre...

1、数值类型(数值类型有)

1.1数据类型概览MySQL的数据类型可划分为三大类别:数值类型:旨在存储数字(涵盖整型、浮点型、DECIMAL等)。字符串类型:主要用于存储文本(诸如CHAR、VARCHAR之类)。日期/...

网页设计的布局属性(网页设计的布局属性是什么)

布局属性是网站设计中必不可少的一个重要的环节,主要用来设置网页的元素的布局,主要有以下属性。1、float:该属性设置元素的浮动方式,可以取none,left和right等3个值,分别表示不浮动,浮在...

Grid网格布局一种更灵活、更强大的二维布局模型!

当涉及到网页布局时,display:flex;和display:grid;是两个常用的CSS属性,它们都允许创建不同类型的布局,但有着不同的用法和适用场景。使用flex布局的痛点当我们使...

React 项目实践——创建一个聊天机器人

作者:FredrikStrandOseberg转发链接:https://www.freecodecamp.org/news/how-to-build-a-chatbot-with-react/前言...

有趣的 CSS 数学函数(css公式)

前言之前一直在玩three.js,接触了很多数学函数,用它们创造过很多特效。于是我思考:能否在CSS中也用上这些数学函数,但发现CSS目前还没有,据说以后的新规范会纳入,估计也要等很久。然...

web开发之-前端css(5)(css前端设计)

显示控制一个元素的显示方式,我们可以使用display:block;display:inline-block;display:none;其中布局相关的还有两个很重要的属性:display:flex;和...

2024最新升级–前端内功修炼 5大主流布局系统进阶(分享)

获课:keyouit.xyz/14642/1.前端布局的重要性及发展历程前端布局是网页设计和开发的核心技能之一,它决定了页面元素如何组织和呈现。从早期的静态布局到现代的响应式布局,前端布局技术经历了...

教你轻松制作自动换行的CSS布局,轻松应对不同设备!

在网页设计中,自动换行的CSS布局是非常常见的需求,特别是在响应式设计中。它可以让网页内容自动适应不同屏幕尺寸,保证用户在不同设备上都能够获得良好的浏览体验。本文将介绍几种制作自动换行的CSS布局的方...

晨光微语!一道 CSS 面试题,伴你静享知识治愈时光

当第一缕阳光温柔地爬上窗台,窗外的鸟鸣声清脆悦耳,空气中弥漫着清新的气息。在这宁静美好的清晨与上午时光,泡一杯热气腾腾的咖啡,找一个舒适的角落坐下。前端的小伙伴们,先把工作的疲惫和面试的焦虑放在一边,...

2023 年的响应式设计指南(什么是响应式设计优缺点)

大家好,我是Echa。如今,当大家考虑构建流畅的布局时,没有再写固定宽度和高度数值了。相反,小编今天构建的布局需要适用于几乎任何尺寸的设备。是不是不可思议,小编仍然看到网站遵循自适应设计模式,其中它有...