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

server/2024/11/18 5:03:52/

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/server/142818.html

相关文章

Sping全面复习

Spring框架是一个功能强大且广泛使用的Java平台&#xff0c;它通过提供全面的基础设施支持&#xff0c;使得开发人员能够轻松构建高效、可移植、易于测试的代码。Spring的核心特性包括依赖注入&#xff08;DI&#xff09;、面向切面编程&#xff08;AOP&#xff09;和事件驱动模…

基因列表批量注释工具

处理大型基因列表时&#xff0c;使用批量注释工具可以提高效率和处理能力。这些工具通常设计为能够处理成千上万的基因标识符&#xff0c;并提供快速、自动化的注释服务。以下是一些流行的批量注释工具和方法&#xff1a; 1. NCBIs Entrez Gene Entrez Gene 提供了一个数据库…

opencv(c++)----图像的读取以及显示

opencv(c)----图像的读取以及显示 imread: 作用&#xff1a;读取图像文件并将其加载到 Mat 对象中。参数&#xff1a; 第一个参数是文件路径&#xff0c;可以是相对路径或绝对路径。第二个参数是读取标志&#xff0c;比如 IMREAD_COLOR 表示以彩色模式读取图像。 返回值&#x…

无人机应用场景:石油管道巡检技术详解

无人机在石油管道巡检中的应用&#xff0c;以其高效、便捷、灵活的特点&#xff0c;为石油管道的安全管理提供了有力支持。以下是对无人机在石油管道巡检技术方面的详细解析&#xff1a; 一、无人机巡检技术的概述 无人机巡检技术是指利用无人机搭载各种传感器和检测设备&…

Leetcode - 周赛423

目录 一&#xff0c;3349. 检测相邻递增子数组 I 二&#xff0c;3350. 检测相邻递增子数组 II 三&#xff0c;3351. 好子序列的元素之和 四&#xff0c;3352. 统计小于 N 的 K 可约简整数 一&#xff0c;3349. 检测相邻递增子数组 I 本题有两种做法&#xff1a; 先求出递增…

蓝桥杯-洛谷刷题-day3(C++)

目录 1.忽略回车的字符串输入 i.getline() ii.逐个字符的识别再输入 2.获取绝对值abs() 3.做题时的误区 4.多个变量的某一个到达判断条件 i.max() 5.[NOIP2016 提高组] 玩具谜题 i.代码 6.逻辑上的圆圈 i.有限个数n的数组 7.数组的定义 i.动态数组 1.忽略回车的字符串输…

3D Gaussian Splatting 代码层理解之Part3

最后,内容到达了高斯泼溅过程中最有趣的阶段:渲染!这一步可以说是最关键的,因为它决定了模型的真实性。然而,它也可能是最简单的。在本系列的Part 1和Part2,文章演示了如何将 Raw 3D椭球 转换为可渲染的格式,但现在我们实际上必须完成这项工作并渲染到一组固定的像素上。…

02-1_MVCC版本链清理

MVCC-版本链清理 文章目录 MVCC-版本链清理简介依赖机制Purge 操作的触发时机版本链清理的详细过程示例操作流程延迟清理配置和监控总结 简介 MySQL 中的 MVCC 机制通过版本链来管理数据的多版本存储&#xff0c;以支持高并发的读写操作。然而&#xff0c;随着事务的进行&…