为Blazor的Telerik UI

有什么新鲜事

新的Telerik用户界面为Blazor PDF浏览器组件

用于Blazor PDF Viewer组件的Telerik UI允许用户直接在浏览器中查看PDF文件并与之交互，而不需要下载文件或使用第三方工具或扩展来查看PDF文档。这个PDFViewer控件将显著影响用于文档管理的模块或整个应用程序的关键功能的开发效率和效率。这类应用程序依赖于特性来查看和执行只读操作。PDF查看器包括一个内置功能的工具栏，用于打开、查看和下载PDF文件、分页、PDF搜索选项、放大/缩小、打印等。

探索用户界面为Blazor PDF Viewer组件演示或尝试Telerik REPL中的组件为Blazor．

新的Telerik UI为Blazor多列组合框组件

新用于Blazor MultiColumnComboBox组件的Telerik UI是一个编辑器UI组件，它允许您从一个类似表格结构的预定义列表中选择值，同时允许用户输入。多列组合框具有丰富的内置功能和选项，可自定义其外观和感觉，包括数据绑定、过滤、分组、通过模板呈现自定义内容、外观配置、自定义值输入、验证、消息内置本地化、可访问性和键盘导航。

参见Blazor MultiColumnComboBox UI组件演示或在Telerik Blazor REPL基于浏览器的代码运行器中尝试该组件．

新的Telerik UI为Blazor骨骼组件

新Telerik UI for Blazor Skeleton 组件将帮助您使应用程序更友好，同时减少可感知的初始加载时间。在用户等待页面内容加载时，Skeleton UI组件充当一个占位符，表示每个底层HTML元素。它自带内置自定义选项的形状，高度，宽度，动画类型，可见性和CSS类。 

查看Blazor Skeleton UI组件的演示或尝试在Telerik REPL为Blazor．

Telerik UI for Blazor的新主题:Microsoft Fluent设计系统

新的Fluent主题可以在用于Blazor的Telerik UI中体验，以及所有其他web UI组件库。Fluent主题遵循Fluent设计系统的官方指南，使您能够在将新主题包含到项目中时设置所有Blazor UI组件的样式。已经使用了我们的Fluent主题组件的用户可以添加Fluent主题，以允许任何其他可用的Blazor UI组件无缝配合。

针对Blazor的Telerik UI的易用性改进

用于Blazor库的Telerik UI正在使用最新的行业标准测试过程进行可访问性审查。在R3 2022版本中，我们已经解决并改进了多个项目，并将在全年继续这一努力，以提高组件的可访问性遵从级别，并改进相关文档。

在3.4.0、3.5.0和3.6.0版本中，我们专门解决了为Blazor组件的多个UI实现键盘导航的WAI-ARIA最佳实践，针对流行的屏幕阅读器进行了测试，实现了与各种WAI-ARIA属性相关的推荐渲染，并努力与WCAG 2.1 AAA和Section 508遵从标准保持一致。

在R3 2022中获得可访问性提升的Blazor组件的Telerik UI包括Blazor数据网格，树列表，树视图，PanelBar，步进器，向导，分页器，日期输入，日历，DateRangePicker, DatePicker，时间选择器，日期时间选择器，抽屉和面包屑。

Blazor的UI与。net 7预览版的最新版本兼容

对于那些渴望尝试微软最新和最好的产品的人，我们很高兴地宣布用于Blazor库的Telerik UI与。net 7的最新预览版本兼容。我们的目标是在微软今年11月发布。net 7时提供对它的全面支持。

用于Blazor的Telerik UI中的Visual Studio生产力工具

Visual Studio脚手架

Visual Studio中Blazor脚手架功能的新UI将使在您的Blazor应用程序中更快地创建新页面。您可以利用最常用的数据绑定组件的快速代码生成:数据网格、树列表、调度程序、图表、ListView、Gantt、表单、抽屉、菜单、下拉列表、上传、组合框等。

在Visual Studio中尝试Blazor脚手架功能的UI。

Visual Studio代码片段

的用于Blazor的Telerik UI中的Visual Studio生产力工具包含为帮助您加快开发速度而创建的数十个代码片段。通过在IDE中输入快捷方式(例如，Telerik UI for Blazor的“tb”)或想要应用的组件名称，可以轻松访问Visual Studio中的代码片段。例如，如果您想为数据网格插入代码段，只需键入“Grid”或“gr”，就可以看到包含所有可用代码段模板的下拉列表。然后，使用选项卡序列，您可以填写属性、选项、模型和控制器操作。

对于那些更喜欢使用Visual Studio Code的人，您可以通过安装用于Blazor生产力扩展的Telerik UI．

Visual Studio配置向导

Telerik UI for Blazor的Visual Studio生产力工具的另一个增强是新的项目配置向导。它附带了为Blazor Visual Studio扩展的Telerik UI，以帮助您修改现有项目的设置，如视觉主题，CDN的使用和本地化。

Visual Studio配置向导在Telerik UI为Blazor

Visual Studio升级向导

一个用于Blazor更新向导的Telerik UI现在可用于Visual Studio，它支持两种场景- - - - - -从试用升级到授权版本并更新版本。更新向导的工作方式不仅是更新Blazor PackageReference，还包括更新底层JavaScript和主题。

Visual Studio升级向导在Telerik UI为Blazor

Blazor Filter Component中的DefaultOperator

类中添加新字段时，可以自定义默认筛选操作符为Blazor过滤器组件的Telerik UI使用新的DefaultOperator参数。如果未赋值，则将根据数据类型设置默认操作符。

Blazor数据网格和树列表增强的UI

各种Blazor组件之间的拖放

该特性适用于Blazor数据网格而且TreeList并引入了从这些组件中拖动项目到Gantt和Scheduler的功能(目前，反向操作允许从Grid和TreeList中拖动)。以前，用户只能在相同组件的实例(如Grid和TreeList)之间拖放项目，这对他们需要实现的一些用例是有限制的。

更新意味着将触发与当前事件相同的Drop事件，但有两个附加的事件参数:(DestinationIndex(字符串))和(DestinationComponentId(字符串))，这允许用户在任何接收组件中确定丢弃目标。一个名为GetTimeSlotFromDropIndex的额外新方法被添加到网格和树列表中，以确保可以返回目标组件中的相应项。

自定义筛选操作符

您可以使用每个列标记中的FilterOperators参数自定义Blazor Grid和TreeList组件的筛选操作符列表。该功能对过滤器菜单和过滤器行模式都无缝工作。

自定义过滤器中使用的格式

Blazor Data Grid和TreeList组件的一个新的FilterEditorFormat参数允许您控制默认筛选输入的格式，并在列显示和筛选编辑器中对值进行对齐格式化。筛选器编辑器格式可在筛选器行和筛选器菜单场景中使用。

头单元格CSS类

要定制任何Blazor Grid/TreeList列标题的外观，您可以利用两个组件中的列标记中的公开HeaderClass参数。这将允许您为列标题单元格定义自定义CSS类，并轻松加粗它们的文本，改变它们的对齐或样式，以使它们突出。

Telerik REPL for Blazor的新特性

Telerik REPL for Blazor现在带有一个新的有趣的加载动画，并已更新为响应式布局。另外，我们确保了REPL的响应能力- - - - - -你现在可以从更小的屏幕设备上无缝地调整、运行和共享代码片段。

到目前为止，REPL只能与最新的Telerik UI用于Blazor版本，这是即将改变的。用户现在可以在使用REPL时更改用于Blazor的Telerik UI的底层版本，并使用所选版本编译和呈现代码。每个用于Blazor版本的Telerik UI都带有其打包和静态资产依赖关系，允许用户为每个版本使用当前可用的色板。

查看最新的更新开拓者的Telerik REPL现在!

用户界面为Blazor甘特组件

甘特状态管理

的Telerik UI为Blazor甘特组件现在允许在浏览会话之间保持它的状态。您可以保存并加载Gantt布局，以便您的用户可以继续他们停止的地方。Gantt持久状态包括组件的TreeList部分中的所有类型的更改:扩展项、编辑项、列大小和顺序、TreeList大小(控制树列表和时间轴部分之间的拆分器位置)、排序和过滤。还可以通过在自己的代码中设置Gantt的期望状态以编程方式控制这些元素。

为Blazor Gantt-State Management的UI

甘特重绑法

Telerik Blazor Gantt组件中的新Rebind方法允许您轻松触发TreeList和Timeline部件中的数据处理逻辑，以便UI反映数据收集中的更改。

Blazor Gantt TooltipTemplate定制

Blazor Gantt组件工具提示模板现在包括StartDate和EndDate字段，其中包括任务日期的所有相关部分(年、月、日、小时、分钟等)。并根据ISO 8601标准进行格式化。它们可以很容易地解析为c# DateTime对象。这将帮助您将任务日期转换和格式化为您的Blazor应用程序所需的任何格式。

自定义筛选操作符

使用FilterOperators参数，您可以在每个Gantt列中定义自己的筛选操作符列表。该功能可以无缝地工作在过滤器菜单和过滤器行模式。

自定义过滤器中使用的格式

我们还为Blazor Gantt添加了一个新的FilterEditorFormat参数。此参数允许您控制默认筛选器输入的格式，并在列显示和筛选器编辑器中对值进行对齐格式化。筛选器编辑器格式可在筛选器行和筛选器菜单场景中使用。

在Blazor树视图和多个Blazor组件之间的拖放

此特性适用于Blazor TreeView并引入了从Treeview中拖动项目并将其拖放到Grid、TreeList、Treeview、Scheduler和Gantt(目前，从Gantt和Scheduler反向操作有限制)的能力。以前，用户只能在同一个组件的实例之间拖放项目，这对他们需要实现的一些用例是有限制的。

更新意味着将触发与当前事件相同的Drop事件，但有两个附加的事件参数:(DestinationIndex(字符串))和(DestinationComponentId(字符串))，这将允许用户确定任何接收组件中的丢弃目的地。另一个名为GetTimeSlotFromDropIndex的新方法被添加到TreeView中，以确保可以返回目标组件中的相应项。

HeaderTemplate在Blazor日历，DatePicker和DateRangePicker

使用HeaderTemplate特性，您可以在Blazor Calendar, DatePicker和DateRangePicker组件的UI头部部分添加自定义按钮或呈现自己的内容。

新的文档处理库(DPL)特性

在R3 2022中，我们在所有文档处理库中发布了新特性，以支持您更好地导航文档格式:

新的文字处理功能: 

页码字段: 虽然支持字段代码，但我们现在添加了一个功能，允许您更新PAGE、PAGEREF、NUMPAGES和SECTIONPAGES字段并轻松计算它们的结果 

请参阅word处理页面编号字段的文档

形状支持:形状功能允许您直接在文档中轻松插入或与现有的形状(如圆、方框、箭头等)进行交互。您可以通过使用渐变填充和各种模式轮廓来样式插入的形状，以及更改形状的大小和旋转它们。 

请参阅文档中的WordProcessing形状支持

SpreadProcessing新功能:在每个打印页面上重复特定的行或列:该功能允许您指定在每个打印页面上重复的行或列。  

参见SpreadProcessing的文档:在每个打印页面上重复特定的行或列

PdfProcessing新增签名标志支持:有了这个新功能，你可以指定有一个签名，即使签名本身没有一个可视化的表示。

将PDF页面导出为图像:我们增加了将。pdf文档的页面转换为图像的功能。该特性将与. net标准版本一起工作，不依赖于任何Windows库。 

请参阅PDF processing文档:将PDF页面导出为图像

新增的SpreadStreamProcessing: SpreadStreamProcessing导入:该功能允许您读取大型XLSX或CSV文件，而无需将整个文档加载到内存中。与RadSpreadProcessing库相比，这提高了内存占用和性能。 

参见SpreadStreamProcessing: SpreadStreamProcessing Import的文档

文件选择和上传组件中的多个新参数

在R3 2022中，我们公开了多个参数，以便在使用Blazor应用程序中的FileSelect和Upload组件时具有更大的灵活性。新的参数包括:

Id -允许您将组件与标记相关联，并执行进一步的引用和检查
Accept -允许您轻松地配置哪些文件应该在浏览器的文件选择对话框中可见
Capture -呈现为的Capture HTML属性，并允许直接使用设备摄像头而不是文件系统。

Blazor组件的多个UI中的打开和关闭方法

新的Open和Close方法允许您切换Blazor选择组件的多个UI的弹出可见性，而不触发OnOpen/OnClose事件。

打开和关闭方法在以下Blazor组件的3.5.0版本开始可用:AutoComplete, ColorPicker, ComboBox, DatePicker, DateRangePicker, DateTimePicker, DropDownList, MultiColumnComboBox, MultiSelect和TimePicker。

新事件在UI Blazor面板栏

的Telerik UI为Blazor PanelBar组件已经扩展了OnExpand和OnCollapse事件。在切换可展开的面板栏项时调用这两个事件，并允许您进一步控制展开/折叠功能的触发逻辑，以及是否阻止事件的执行，分别保持项的状态不变。

查看Blazor PanelBar组件UI的完整事件列表。

响应性和适应性Blazor布局

展示的力量Blazor MediaQuery组件的UI，我们已经建立了几个演示演示如何轻松地使Blazor组件和应用程序响应不同的屏幕尺寸:

我们还专门发布了一篇博客文章来展示附加的示例和功能如何使用Blazor和Telerik UI为Blazor组件创建自适应布局和应用程序．

多个Blazor组件中的OnOpen和OnClose事件

我们正在介绍OnOpen和OnClose事件在以下UI为Blazor组件:自动完成，ColorPicker, ComboBox, DatePicker, DateRangePicker, DateTimePicker, DropDownList, MultiSelect和TimePicker。OnOpen/OnClose事件在底层弹出组件显示或隐藏之前被触发，而不管打开/关闭是如何启动的- - - - - -键盘、鼠标点击或更改值。

以可访问性为重点的演示和文档

新的以可访问性为重点的演示，包括文档，可以用来测试我们的任何Blazor UI组件的可访问性，而无需依赖专门的开发人员。以前，每当团队必须为Blazor组件在任何Telerik UI上运行可访问性测试时，他们都必须在专门的开发人员的帮助下在本地完成所需的配置。现在，任何需要使用屏幕阅读器或其他软件进行易访问性测试的团队成员都可以通过访问相应的在线演示来实现。此外，我们还为每个组件添加了一篇WAI-ARIA Support文章，其中列出了各自的属性和用法。