界面控件DevExtreme v23.1 - UI组件 UI模板库增强

news2024/11/13 16:17:30

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

DevExtreme今年第一个重大版本v23.1已发布,新版本进一步增强了UI组件和UI模板库功能,欢迎获取新版体验!

DevExtreme v23.1正式版下载(Q技术交流:726377843)

UI组件
覆盖组件 - 本地滚动

新版本中的Popup、Popover和Tooltip组件现在支持原生滚动,这提高了移动设备上的可用性。

如果内容的高度大于覆盖组件的高度,组件将显示浏览器的原生滚动条。有了这个新的增强功能,您不需要将内容封装到ScrollView组件中。

DevExtreme v23.1新版图集

TreeView — 显示自定义展开/折叠图标

TreeView节点现在可以显示自定义展开/折叠图标。

使用collapseIcon 和 expandIcon 属性来指定节点图标,您可以从URL加载图标,在CSS类中指定图标(如果使用外部库),或者显示DevExtreme图标。

DevExtreme v23.1新版图集

List — 单击选择项目

我们新的selectByClick设置指定当用户单击标题时是否选择项目。

DevExtreme v23.1新版图集

ColorBox — 支持十六进制8位RGBA格式

现在可以用十六进制的8位RGBA格式指定颜色,新版本的ColorBox组件接受以下颜色格式:

  • 4位和8位(#F00F, #FF0000FF)
  • 3位和6位十六进制(#F00, #FF0000)
  • RGB (RGB (255, 0, 0))
  • RGBA (RGBA (255, 0, 0, 1))
  • 颜色名称

DevExtreme v23.1新版图集

Menu — 为项目新增“url”选项

新版本为菜单项新增了一个新的url选项,有了这个增强,您就不必实现复杂的nItemClick事件处理程序了,使用linkAttrr属性来指定链接属性。

改进日历设计

UI/UX增强包括:

  • 'Prev' 和 'Next'箭头现在是完全可定制的按钮组件。
  • 从视觉上增强了不同日历视图中的选择。
  • 周数列现在有一个全新的外观和感觉。

DevExtreme v23.1新版图集

改进的自适应性允许您为台式机、平板电脑和手机提供响应迅速的web应用程序。

DevExtreme v23.1新版图集

浮动动作按钮 - 支持紧凑模式

新版本为Floating Action Button添加了一个紧凑模式。

DevExtreme v23.1新版图集

UI模板库
Scheduler View(日程视图)

Scheduler View允许您轻松地交付调度/信息管理解决方案,它集成了我们完全可定制的调度程序和日历组件。

功能包括:

  • 日/工作周/月/议程视图
  • 创建和编辑事件(约会)
  • 显示/隐藏日历

DevExtreme v23.1新版图集

DevExtreme v23.1新版图集

用户配置文件视图

新版本使用DevExtreme Form组件创建一个用户配置文件视图,该视图允许您编辑和保存用户信息。

DevExtreme v23.1新版图集

DevExtreme v23.1新版图集

明暗主题切换器

新版本的UI模板库应用程序附带了一个新的主题切换器,用它来切换明亮和黑暗的主题。

DevExtreme v23.1新版图集

身份验证表单

新版本改进了 "Sign-In"和"Change Password"表单的功能和设计,增加了显示密码选项和"Login with Google/Microsoft"按钮。

DevExtreme v23.1新版图集

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1135407.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

分享8款人声分离的软件,总有一款你喜欢的

随着音乐制作技术的不断发展,人声分离软件成为了音乐制作过程中不可或缺的工具之一。人声分离软件可以帮助音乐制作者将多个人声部分分离出来,以便单独进行编辑和处理。 以下是一些人声分离软件的信息介绍: 1、音分轨人声分离软件&#xff1…

【AICFD案例操作】汽车外气动分析

AICFD是由天洑软件自主研发的通用智能热流体仿真软件,用于高效解决能源动力、船舶海洋、电子设备和车辆运载等领域复杂的流动和传热问题。软件涵盖了从建模、仿真到结果处理完整仿真分析流程,帮助工业企业建立设计、仿真和优化相结合的一体化流程&#x…

UWB常规TOF、TDOA、AOA算法

UWB定位的最基础技术是TOF测距、TDOA到达时间差、AOA到达角度测量: 定位算法:TOF、TDOA、AOA/PDOA UWB定位算法 (1) TOF(Time of Flight飞行时间): 以基站为圆心,以标签和基站距离为半径画圆…

Camtasia2023屏幕录制和视频剪辑标杆软件,制作微课/游戏视频必备工具

Camtasia可不是一款简单的屏幕录制软件,这可是集合了屏幕录制和视频剪辑于一体的全能软件。 大多数用户都是使用Windows自带的录频方式进行屏幕录制,使用这种方法录制屏幕很“鸡肋”,比如说:无法区域录制、无法更改鼠标样式、无法…

专业的图片校正修复软件DxO ViewPoint简体中文安装

DxO ViewPoint是一款专业的图像校正软件,旨在帮助摄影师和图像设计师解决各种图像处理难题,并创造出理想的画面效果。该软件结合了最新的图像处理技术和精确的镜头校正方法,可以修复图像中的透视、畸变、色差、暗角等问题,同时对图…

矢量图形编辑软件Illustrator 2023 mac中文版软件特点(ai2023) v27.9

illustrator 2023 mac是一款矢量图形编辑软件,用于创建和编辑排版、图标、标志、插图和其他类型的矢量图形。 illustrator 2023 mac软件特点 矢量图形:illustrator创建的图形是矢量图形,可以无限放大而不失真,这与像素图形编辑软…

易基因: WGBS等从DNA甲基化揭示杀鲑气单胞菌灭活疫苗对大菱鲆的免疫力:抗性育种

大家好,这里是专注表观组学十余年,领跑多组学科研服务的易基因。 DNA甲基化是表观遗传学中最重要的修饰之一,在免疫应答中发挥着重要作用。自引进大菱鲆(Scophthalmus maximus,商品名:多宝鱼)以…

面试必考精华版Leetcode1926. 迷宫中离入口最近的出口

题目&#xff1a; 代码&#xff08;2023年10月26日 首刷看解析&#xff09;&#xff1a; class Solution { public:int nearestExit(vector<vector<char>>& maze, vector<int>& entrance) {int m maze.size();int n maze[0].size();vector<int…

男怕入错行!程序员千万别选错赛道

不知道有没有小伙伴和我一样&#xff0c;上大学报软件工程是奔着开发游戏去的 进去之后发现和自己想的完全不一样 不仅学的东西和游戏开发没啥关系&#xff0c;关系是导师基本是摸鱼的 而且全要靠自学&#xff01;&#xff01;&#xff01;&#xff01;&#xff01; 本人当年…

AGI超级互联启动会落幕,UCC启动城市节点,促算力普及千家万户

10月24日&#xff0c;由中关村超互联新基建产业创新联盟、中国智能计算产业联盟主办&#xff0c;互联科技、鼎好DH3联合承办的“AGI超级互联启动会&#xff08;AGI Ultra Cross Connects Kick-off Convention&#xff09;”在北京鼎好DH3圆满举行。 本次活动汇聚众多行业专家、…

遍历树形结构记录

例如: 这是递归对树形结构的遍历 findMatchingValue(json1,json2){ if(json1.defaultLabel&&json2.some(item>item.titlejson1.defaultLabel)){ //将匹配的值保存起来 this.matchedValue.push(json1.defaultLabel) } if(json1.childrens&&json1.childrens.…

【C++项目】高并发内存池第四讲 申请内存过程介绍流程介绍

申请内存过程介绍 1.主函数执行2.ThreadCache3.CentralCache4.PageCache 1.主函数执行 先从内存池申请内存 获取ThreadCache对象&#xff0c;然后去ThreadCache对象的Allocate申请&#xff01; 2.ThreadCache 这里要计算对齐函数和相应的桶的下标&#xff0c;这个之前介绍T…

JavaScript事件处理:探索DOM事件和事件监听器

目录 DOM事件简介 什么是事件&#xff1f; 事件处理程序 在HTML中添加事件处理程序 事件类型 事件对象 事件监听器 事件冒泡与事件捕获 常见的事件类型和用法 总结 在Web开发中&#xff0c;JavaScript事件处理是一个重要的概念。通过事件处理&#xff0c;我们可以对用…

【linux】倒计时小程序

倒计时小程序 第一步&#xff08;创建一个目录&#xff09;mkdir processbar&#xff1a; 进入目录cd processbar&#xff1a; 第二步&#xff08;创建一个.h文件【声明】&#xff0c;两个.c文件【实现】和【函数调用】的文件&#xff09;touch processBar.h touch processB…

谷歌计划从Chrome119起测试IP隐私保护功能

目前&#xff0c;谷歌正为Chrome浏览器测试一项新的“IP保护”功能。因为该公司认为用户IP地址一旦被黑客滥用或秘密跟踪&#xff0c;都可能导致用户隐私信息泄露。 而这项功能可通过代理服务器屏蔽用户的IP地址&#xff0c;以增强用户的隐私性&#xff0c;这样就可以尽量在确…

centos7安装mysql8.0

mysql官网地址&#xff1a;MySQL :: Download MySQL Community Server (Archived Versions) 1.上传到 /usr/local 路径下 2.解压 tar -xvf mysql-8.0.31-linux-glibc2.12-x86_64.tar.xz3.重命名 mv mysql-8.0.31-linux-glibc2.12-x86_64.tar.xz mysql 4.创建mysql用户组和用…

甘特图组件DHTMLX Gantt用例 - 如何自定义任务、月标记和网格新外观

dhtmlxGantt是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表。可满足项目管理应用程序的所有需求&#xff0c;是最完善的甘特图图表库。 本文将为大家揭示DHTMLX Gantt自定义的典型用例&#xff0c;包括自定义任务、网格的新外观等&#xff0c;来展示其功能的强大性&…

华为eNSP配置专题-策略路由的配置

文章目录 华为eNSP配置专题-策略路由的配置0、概要介绍1、前置环境1.1、宿主机1.2、eNSP模拟器 2、基本环境搭建2.1、终端构成和连接2.2、终端的基本配置 3、配置接入交换机上的VLAN4、配置核心交换机为网关和DHCP服务器5、配置核心交换机和出口路由器互通6、配置PC和出口路由器…

【详细】Java网络通信 TCP、UDP、InetAddress

一、网络程序设计基础 1.局域网与因特网 为了实现两台计算机的通信&#xff0c;必须用一个网络线路连接两台计算机&#xff08;服务器<-->网络<-->客户机&#xff09;。 服务器是指提供信息的计算机或程序&#xff0c;客户机是指请求信息的计算机或程序。网络用…

HTML,CSS实现鼠标划过头像,头像突出变大(附源码)

话不多说&#xff0c;先上代码 先看原图&#xff1a; 再看 鼠标放上去后的图&#xff1a; 是不是明显感觉到 人物头像突出了一些&#xff0c;而且还增加了阴影部分的效果呢&#xff1f; 直接上代码&#xff01;&#xff01;&#xff01; <!--由于我的 img 标签放的是循环后…