Web报表设计器概述
Telerik Web报表设计器是一个基于HTML5/JavaScript/CSS3 jquery的小部件，允许开发人员将报表设计器集成到他们的Web应用程序中。样式是基于剑道UI Sass默认主题。Telerik Web报表设计器在HTML5报表查看器中预览报表。
当前版本的Web报表设计器提供了基础以外的功能，但仍处于积极的开发中。在将设计器包含到生产项目之前，请对其进行彻底的检查，以确保设计器适合您的场景。
Web报表设计器元素
Web报表设计器由以下区域组成:
设计图面-显示报表的设计布局。提供用于选择、移动、调整大小和编辑报表项的工具。
菜单区域-提供创建新报表和打开、保存或预览已有报表的按钮。此外，还允许在加载的报告之间切换，并显示它们的保存状态。
属性区域-显示所选报表项的属性。如果选择了多个项目，则只显示标记为“可合并”的属性，换句话说，可以应用于当前选择中的所有项目的属性。属性列表可以按类别或字母顺序组织。
组件-列出可添加到报表中的可用报表组件。这些项目根据它们的类型分组。该区域支持两种布局——网格和列表。List是默认视图。
资源管理器-以树状视图表示报表结构。允许选择可视化和非可视化报表组件并配置它们的属性。
资产经理—用户可以在服务器的“资源存储”中组织资源。可以创建、移动、重命名和删除文件和文件夹，还可以上传和下载文件。它可以通过主菜单访问。它还被用作编辑器，用于选择PictureBox的源、外部样式表、CSV和JSON数据源，以及子报告项和报告本(组合报告)的报告。
搜索—提供搜索所有设计器区域的能力:组件、现有报表项或可用属性。现在您可以添加一个新组件，导航到所需的报表项，或更改属性值，只需敲击几下键盘。
新员工培训指导-本指南将引导您了解Web报表设计器中使用的主要工具。如果之前没有运行过报表设计器，则在首次加载报表设计器时自动启动该指南。如果用户已经看过指南，它将不会在启动时启动。指南也可以手动重启通过
搜索输入“Start Onboarding”并从下拉菜单中选择它或单击enter。指南中每一步的内容都是完全可本地化的。
它是如何工作的
Web报表设计器使用专用的ASP。NET WebAPI REST服务作为后端。该服务负责存储操作，如在指定文件夹中创建、打开或保存报表定义，以及处理与服务器端处理和呈现有关的各种请求。可以覆盖服务的公共方法，以调整其功能以适应特定的场景。
要求:
Web报表设计器可以集成到任何ASP。NET Web Application，两者都在.NET Framework 4.5.1+或.NET Core 2.1+．
需要安装以下NuGet包:
Telerik。报告
Telerik.WebReportDesigner.万博体育手机版网址Services
先决条件:
支持的Web浏览器JavaScript EcmaScript:谷歌Chrome 77.0或更高版本;Mozilla Firefox 69.0或更高版本，Microsoft Edge 79或更高版本。
jQuery3.3.1或更高版本。
剑道UI2022.3.913或更高版本。
Telerik报表查看器脚本。默认情况下，它是从服务请求的。
Web报表设计器脚本。默认情况下，它是从服务请求的。
在加载设计器小部件时，Web报表设计器服务将提供所有其他脚本和样式。已加载的资源列表:
jQuery UI1.12.1图书馆。我们建议使用Web报表设计器服务提供的jQuery UI子集版本，因为它包含与拖放组件相关的修复。这个子集包括可拖拽、可拖拽、可调整大小及其依赖项。
webReportDesigner.min.css样式表。
webReportDesignerTheme.css样式表。
我们示例中的web报表设计器使用了程式化的usingRoboto字体．在页面上创建Web Designer小部件之前，可以添加到您喜欢的字体的链接。
剑道小部件要求
因为Web报表设计器使用剑道UI对于它的模板，它甚至可以使用自定义构建，而不是使用整个剑道包。可以使用Gulp构建工具．
下面是Web报表设计器正常工作所需的小部件列表。注意，小部件还有其他依赖项。的触摸小部件仅用于手势。剑道的MVVM是一组剑道类，它促进了将模型从视图中分离的过程。在将KendoUI小部件绑定到一些模型数据时使用它。
所需的部件:
剑道MVVM
剑道按钮
剑道ButtonGroup
剑道组合框
剑道DateInput
剑道DatePicker
剑道DateTimePicker
剑道下拉
剑道TreeGrid
剑道编辑器
剑道文件管理
剑道列表框
剑道列表视图
剑道菜单
剑道多选
剑道PanelBar
剑道滑块
剑道分流器
剑道TabStrip
剑道工具提示
剑道树状视图
剑道上传
剑道的窗口
剑道碰
剑道自动完成
剑道步进
这个子集可以用以下命令来构建:
Gulp自定义-c mvvm，按钮，按钮组，组合框，日期输入，日期选择器，日期时间选择器，下拉树，网格，编辑器，文件管理器，列表框，列表视图，菜单，多重选择，面板栏，滑块，分割器，选项卡，工具提示，树视图，上传，窗口，触摸，自动完成，步进