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

embedded/2024/11/17 12:15: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/embedded/138246.html

相关文章

el-date-picker picker-options属性中disabledDate设置时间的禁用和启用,并且支持到时分秒的禁用和启用

默认picker-options 是配置的对象&#xff0c;如果代码中只存在一个开始时间或者一个结束时间&#xff0c;可以直接设置成对象进行配置我这里的应用场景是在表格中存在多个时间的配置项 使用到了dayjs作为时间判断&#xff0c;也可以自行根据js来实现判断需要将picker-options …

数据库常用语法总结

数据库是现代应用程序中不可或缺的一部分&#xff0c;用于存储和管理大量结构化数据。本文将总结一些常用的 SQL 语法&#xff0c;帮助初学者和经验丰富的开发者更好地理解和使用数据库。 1. 创建数据库 创建一个新的数据库非常简单&#xff0c;使用以下语法&#xff1a; CR…

flutter下拉刷新上拉加载的简单实现方式三

使用 CustomScrollView 结合 SliverList 实现了一个支持下拉刷新和上拉加载更多功能的滚动列表&#xff0c;对下面代码进行解析学习。 import dart:math;import package:flutter/material.dart;import custom_pull/gsy_refresh_sliver.dart; import package:flutter/cupertino…

React Query在现代前端开发中的应用

&#x1f493; 博客主页&#xff1a;瑕疵的CSDN主页 &#x1f4dd; Gitee主页&#xff1a;瑕疵的gitee主页 ⏩ 文章专栏&#xff1a;《热点资讯》 React Query在现代前端开发中的应用 React Query在现代前端开发中的应用 React Query在现代前端开发中的应用 引言 React Query …

LLMs 训练经验篇

LLMs 训练经验篇 分布式训练框架选择&#xff1f; 多用 DeepSpeed&#xff0c;少用 Pytorch 原生的 torchrun。在节点数量较少的情况下&#xff0c;使用何种训练框架并不是特别重要&#xff1b;然而&#xff0c;一旦涉及到数百个节点&#xff0c;DeepSpeed 显现出其强大之处&…

RabbitMQ教程:工作队列(Work Queues)(二)

RabbitMQ教程&#xff1a;工作队列&#xff08;Work Queues&#xff09;&#xff08;二&#xff09; 一、引言 在快节奏的软件开发世界中&#xff0c;我们经常面临需要异步处理任务的场景&#xff0c;比如在Web应用中处理耗时的图片处理或数据分析任务。这些任务如果直接在用…

Jetson ros默认依赖opencv与系统安装opencv、推流、cv_bridge等存在BUG

下载源码&#xff0c;源码编译支持系统opencv git clone -b noetic https://github.com/ros-perception/vision_opencv.gitset(_opencv_version 4) #设置为系统opencv find_package(OpenCV 4 QUIET) if(NOT OpenCV_FOUND)message(STATUS "Did not find OpenCV 4, tryin…

基于的图的异常检测算法OddBall

OddBall异常检测算法出自2010年的论文《OddBall: Spotting Anomalies in Weighted Graphs》&#xff0c;它是一个在加权图(weighted graph)上检测异常点的算法&#xff0c;基本思路为计算每一个点的一度邻域特征&#xff0c;然后在整个图上用这些特征拟合出一个函数&#xff0c…