界面控件DevExpress Blazor UI v24.1新版亮点 - 全新PDF Viewer等组件

ops/2024/11/19 18:21:01/

DevExpress Blazor UI组件使用了C#为Blazor Server和Blazor WebAssembly创建高影响力的用户体验,这个UI自建库提供了一套全面的原生Blazor UI组件(包括Pivot Grid、调度程序、图表、数据编辑器和报表等)。

DevExpress Blazor控件目前已经升级到v24.1版本了,此版本发布了全新的PDF查看器、地图、雷达坐标图等,欢迎下载最新组件体验!

DevExpress v24.1正式版下载

全新的PDF Viewer (CTP)

全新的DevExpress Blazor PDF Viewer组件可以直接在DevExpress驱动的Blazor应用程序中显示PDF文件内容,该组件允许您浏览文档、设置缩放级别、打印和下载文档。此外,CTP版本的Blazor PDF Viewer包括单页预览和工具栏自定义选项(如重新排列、分组、隐藏和添加项目)。

DevExpress Blazor UI v24.1产品图集

全新的Map(地图)

DevExpress Blazor Map组件可以在DevExpress驱动的Blazor web应用程序中显示带有标记和路线信息的地理地图,该组件从GIS服务(Bing、Google或GoogleStatic - 需要应用程序使用适当的API密钥进行认证)中检索相关数据,并附带以下功能:

  • 标记/路由配置和自定义选项。
  • 内置地图导航和类型控制。
  • 手动调整地图(设置缩放和MapCenter)。
  • 地图和标记"click" 支持。

DevExpress Blazor UI v24.1产品图集

全新的雷达图表

DevExpress Polar Chart for Blazor组件允许您在极坐标系内可视化数据 - 平面上的每个点由与中心的距离和与固定方向的角度确定,DevExpress Blazor Polar Chart组件具有以下功能:

  • 多种系列类型:直线、区域、条形、堆叠条形、散点。
  • 连续、离散和对数轴值支持。
  • 蜘蛛网模式。
  • 图表元素自定义:标签、工具提示、图例等。

DevExpress Blazor UI v24.1产品图集

全新的日期范围选择器

DevExpress Date Range Picker for Blazor允许您在单个日历下拉菜单中选择日期范围,该组件具有以下集成功能:

  • 最小和最大日期
  • 特殊日期突出显示
  • 选定日期格式API
  • 输入验证
  • 清晰的按钮
  • 可空日期支持和占位符
  • 自动支持浏览器时区和本地化

DevExpress Blazor UI v24.1产品图集

全新的下拉框

DevExpress Blazor DropDown Box(下拉框)是一个可自定义的编辑器 - 设计用于在其下拉窗口内显示/使用各种UI元素:从简单的列表和树、到网格或其中的任何组合,您可以基于页面交互以编程方式分配编辑器值。

下面的代码片段将DevExpress Blazor网格添加到弹出的下拉框中。

Razor

<DxDropDownBox Value="Value" QueryDisplayText="QueryText">
<DropDownBodyTemplate>
<DxGrid Data="@GridData" ShowSearchBox="true" SelectedDataItem="@Value"
SelectedDataItemChanged="item => GridSelectedDataItemChanged(item, context.DropDownBox)" .../>
</DropDownBodyTemplate>
</DxDropDownBox>@code {
Customer Value { get; set; }
IEnumerable<object> GridData { get; set; }string QueryText(DropDownBoxQueryDisplayTextContext arg) {
if(arg.Value is Customer value)
return value.ContactName;
return string.Empty;
}
void GridSelectedDataItemChanged(object item, IDropDownBox dropDownBox) {
Value = item as Customer;
dropDownBox.HideDropDown();
}
}

DevExpress Blazor UI v24.1产品图集

下拉框的值不限于单个对象,它可以是对象的集合(对于那些希望实现多选择编辑器的人):

DevExpress Blazor UI v24.1产品图集

或者甚至是根据用户在弹出框内的选择生成的复合数据项:

DevExpress Blazor UI v24.1产品图集


http://www.ppmy.cn/ops/135042.html

相关文章

蓝队知识浅谈(中)

声明&#xff1a;学习视频来自b站up主 泷羽sec&#xff0c;如涉及侵权马上删除文章 感谢泷羽sec 团队的教学 视频地址&#xff1a;蓝队基础之网络七层杀伤链_哔哩哔哩_bilibili 本文主要分享一些蓝队相关的知识。 一、网络杀伤链 网络杀伤链&#xff08;Cyber Kill Chain&…

【开源免费】基于Vue和SpringBoot的实习管理系统(附论文)

本文项目编号 T 623 &#xff0c;文末自助获取源码 \color{red}{T623&#xff0c;文末自助获取源码} T623&#xff0c;文末自助获取源码 随着信息化时代的到来&#xff0c;管理系统都趋向于智能化、系统化&#xff0c;实习管理也不例外&#xff0c;但目前国内仍都使用人工管理…

OpenCV基础(2)

1.图像像素与通道操作 1.1.像素算术操作 //加法操作 void cv::add(InputArray src1,InputArray src2,OutputArray dst,InputArray masknoArray(),int dtype-1);//减法操作 void cv::subtract(InputArray src1,InputArray src2,OutputArray dst,InputArray masknoArray(),int …

thinkphp增删查改例子

以下是一个简单的示例&#xff0c;演示如何使用ThinkPHP操作数据库进行增删查改&#xff1a; 增加数据&#xff1a; public function addData(){$data [name > John,age > 25,email > johnexample.com];$result Db::name(user)->insert($data);if($result){ech…

ClickHouse的介绍、安装、数据类型

1、介绍和安装 1.1、简介 ClickHouse是俄罗斯的Yandex于2016年开源的列式存储数据库&#xff08;DBMS&#xff09;&#xff0c;使用C语言编写&#xff0c;主要用于在线分析处理查询&#xff08;OLAP&#xff09;&#xff0c;能够使用SQL查询实时生成分析数据报告。 OLAP&…

蓝牙5.0模块助力闹钟升级,开启智能生活第一步

随着智能家居产业的快速发展&#xff0c;智能闹钟作为其中一个重要的品类&#xff0c;逐渐从单一的时间提醒功能演变为集音频播放、语音交互、智能控制等多种功能于一体的智能设备。而在这些功能的实现中&#xff0c;蓝牙音频模组扮演着核心角色。 1、蓝牙音频模组的功能概述 …

Java项目实战II基于Java+Spring Boot+MySQL的共享汽车管理系统(源码+数据库+文档)

目录 一、前言 二、技术介绍 三、系统实现 四、文档参考 五、核心代码 六、源码获取 全栈码农以及毕业设计实战开发&#xff0c;CSDN平台Java领域新星创作者&#xff0c;专注于大学生项目实战开发、讲解和毕业答疑辅导。获取源码联系方式请查看文末 一、前言 在共享经济…

4.STM32之通信接口《精讲》之USART通信---实验串口发送程序

本节将进行实战&#xff0c;基础了解请查看第1&#xff0c;2&#xff0c;3节&#xff08;Whappy&#xff09; 开始背&#xff01;&#xff01; USART ---》全双工 异步/同步 点对点 C语言基础printf用法&#xff0c;这节将用到printf的重定向&#xff0c;来打印到串口助手上…