首页 > 其他分享 >界面控件DevExpress Blazor UI v22.2 - 报表、富文本编辑器组件增强

界面控件DevExpress Blazor UI v22.2 - 报表、富文本编辑器组件增强

时间:2023-05-19 10:04:53浏览次数:87  
标签:控件 文本编辑 报表 DevExpress 组件 Blazor 模板

DevExpress拥有.NET开发需要的所有平台控件,包含600多个UI控件、报表平台、DevExpress Dashboard eXpressApp 框架、适用于 Visual Studio的CodeRush等一系列辅助工具,该组件拥有众多新产品和数十个具有高影响力的功能,可为桌面、Web和移动应用提供直观的解决方案,全面解决各种使用场景问题。

DevExpress v22.2已于近期正式发布了,新版本增强了报表、富文本编辑器组件、TreeView组件等组件功能,欢迎下载正式版体验!

DevExpress Blazor v22.2官方正式版下载

DevExpress技术交流群8:523159565      欢迎一起进群讨论

菜单
API增强
报表
WebAssembly (ASP.NET Core托管)全新的报表查看器和设计器

全新的DxWasmDocumentViewer和DxWasmReportDesigner WASM组件旨在最大限度地减少集成工作和减少支持查询,这些组件作为DevExpress.Blazor.Reporting.JSBasedControls.WebAssembly Nuget包的一部分发布。

本地报表查看器 - 参数面板布局

Report Viewer(报表查看器)组件(DxReportViewer)现在可以用自定义布局呈现参数面板。

DevExtreme v22.2新版图集
新的项目模板

DevExpress Blazor App模板库现在包含报表模板,使用这些模板来启动BI应用程序开发进程(无论是服务器还是WebAssembly托管应用程序)。

报表模板允许您创建包含以下内容的应用程序:

  • 报表设计器
  • 报表查看器(基于JS的)
  • 报表查看器(本机)
  • 报表存储
  • 示例SQL连接,JSON/对象数据源

在CLI中,我们的新模板如下:

  • dx.blazor.reporting.blazorserver
  • dx.blazor.reporting.webassembly
富文本编辑器
支持WebAssembly

Blazor Rich Text Editor(富文本编辑器)现在支持Blazor WebAssembly托管模型,这种模式提供了以下优势(与服务器托管模式相比):

  • 如果服务器脱机,应用程序仍能正常工作。
  • 应用程序充分利用了客户端的资源和功能。
  • 处理已从服务器转移到客户端,因此应用程序占用的服务器资源更少。
  • 无服务器部署场景是可能的。

在Web Assembly应用程序中,富文本编辑器组件提供了与Blazor Server应用程序相同的功能和操作。

拼写检查

Blazor Rich Text Editor(富文本编辑器)现在支持按需拼写检查,它可以检测拼写错误并建议改正。

要启用拼写检查,请调用AddSpellCheck方法来注册拼写检查服务,并将CheckSpelling 属性设置为“true”。

富文本编辑器集成了一个使用英语字典的拼写检查服务,并允许您根据需要添加其他字典(针对各种语言)。

注意:您现在不受现成可用功能的限制,如果默认服务不能满足业务需求,您可以实现和使用自定义拼写检查服务。

DevExtreme v22.2新版图集
API增强
选项卡
禁用状态

一个新的Enabled 属性允许您启用/禁用单个选项卡。

标签头部模板

新的TextTemplate属性允许您定义选项卡标题模板,该模板可以包含自定义UI视觉效果(如命令按钮)。

工具栏
绑定数据

现在可以将Blazor工具栏组件绑定到数据源,要在Blazor应用程序中引入此功能,请使用其Data和datamapping属性。绑定模式下,工具栏自动生成项目。

API增强
TreeView
URL-匹配模式

Blazor TreeView组件现在可以自动展开树并选择一个节点,如果它的NavigateUrl属性值指向当前的URL,它显示在web浏览器的地址栏中,可选择的模式包括:Current Path、Prefix和Exact。

两个新属性允许用户指定TreeView组件如何匹配URL:

还可以使用Reason属性来确定更改选择的原因。

展开和折叠动画

现在可以在展开/折叠TreeView节点时播放幻灯片动画效果。

DevExtreme v22.2新版图集
节点单击事件

更多DevExpress线上公开课、中文教程资讯请上中文网获取

 

标签:控件,文本编辑,报表,DevExpress,组件,Blazor,模板
From: https://www.cnblogs.com/AABBbaby/p/17414042.html

相关文章

  • 第3章 数据库操作-通过DataGridView控件进行数据库的操作
    通过DataGridView控件进行数据库的操作usingSystem;usingSystem.Collections.Generic;usingSystem.ComponentModel;usingSystem.Data;usingSystem.Drawing;usingSystem.Linq;usingSystem.Text;usingSystem.Threading.Tasks;usingSystem.Windows.Forms;usingS......
  • ProgressBar 进度控件
    在VB.NET中,你可以使用ProgressBar控件或者自定义的进度提示方法来实现这个功能。以下是一个示例代码,展示如何使用ProgressBar控件来显示导入情况:'创建一个ProgressBar控件DimprogressBarAsNewProgressBar()progressBar.Minimum=0progressBar.Maximum=totalC......
  • 界面控件DevExtreme使用指南 - 如何为雷达图添加注释?
    在之前的版本中,官方技术团队为DevExtreme图表引入了注释支持。在v20.1版本中,继续扩展了对PolarChart(雷达图)注释的支持,现在可以根据需要应用文本、图像或自定义注释。创建注释后,可以将其附加到PolarChart(雷达图)元素(例如一个序列点)或在特定坐标上显示它。DevExtreme拥有高性能......
  • Android 控件之Notification
    [quote]最近一直在研究android,并一边研究一边做应用。其中遇到了把程序通知常驻在Notification栏,并且不能被clear掉的问题。虽然notify()的第一个参数可以写死并clear掉,但这个值我并不想写死,但是这个值如果是随机生成一个数怎么传给Activity,用Intent当中的Bu......
  • 第9-1讲,scale 范围控件
    为了提供友好的交互方式,你可以使用范围控件,假设用户在你的应用程序里选择商品,你可以给他提供一个价格范围选择控件,下面是效果图 我希望随着滑块的移动,黄色区域可以显示所选取的价格示例代码importtkinterastkwindow=tk.Tk()window.title('scale')window.geometry("5......
  • 多个 ComboBox 控件绑定同一数据源,数据会联动(其中一个选择项改变的时候,其余也会跟着变
    问题:在Winform开发中,两个ComboBox控件绑定了同一个数据源List<T>,但是在使用的时候发现,选择其中一个ComboBox的时候,另一个也会跟着变化。原因:内存中只有一份数据,改变任何一个ComboBox都会使得数据源有所变化,导致其他ComboBox的展示效果发生联动。解决:将数据源进行复制,相当于为每......
  • DevExpress输入对话框使用3
    1、引用单元dxInputDialogs2、方法dxInputQuery(string,string,string,TdxInputQueryValidationProc)定义:functiondxInputQuery(constACaption:string;constAPrompt:string;varAValue:string;AValidationProc:TdxInputQueryValidationProc):Boolean;参数:名称类型说明......
  • DevExpress输入对话框用法1
    1、引用单元dxInputDialogs2、方法dxInputBox(string,string,string)定义:functiondxInputBox(constACaption:string;constAPrompt:string;constADefaultValue:string):string;参数:名称类型说明ACaptionstring标题APromptstring文本提示ADefaultValue......
  • mormot2控件安装
    1.下载加入QQ群OneDelphi中间件开源群(群号:814696487)2.解压mormot23、把相关路径加到DelphiIDE......
  • C#学习之time控件和timer_tick事件
    https://blog.csdn.net/ycigwy/article/details/70242669Timer控件:Timer控件只有绑定了Tick事件,和设置Enabled=True后才会自动计时,停止计时可以用Stop()控制,通过Stop()停止之后,如果想重新计时,可以用Start()方法来启动计时器。Timer控件和它所在的Form属于同一个线程;timer1_Tick:......