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应用程序,都在.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报表设计器是风格化使用的Roboto字体.在页面上创建Web Designer小部件之前,可以添加指向首选字体的链接。
Kendo Widgets要求
由于Web报表设计器使用剑道UI对于它的模板,甚至可以使用自定义构建,而不是使用整个Kendo包。可以使用Gulp构建工具.
您可以在下面找到Web报表设计器正常工作所需的小部件列表。注意,小部件还有其他依赖项。的触摸小部件只需要手势。剑道的MVVM是一组少数剑道类,便于从视图分离模型的过程。它用于将KendoUI小部件绑定到一些模型数据时。
所需的部件:
剑道MVVM
剑道按钮
剑道ButtonGroup
剑道组合框
剑道DateInput
剑道DatePicker
剑道DateTimePicker
剑道下拉
剑道TreeGrid
剑道编辑器
剑道文件管理
剑道列表框
剑道列表视图
剑道菜单
剑道多选
剑道PanelBar
剑道滑块
剑道分流器
剑道TabStrip
剑道工具提示
剑道树状视图
剑道上传
剑道的窗口
剑道碰
剑道自动完成
剑道步进
可以使用以下命令构建子集:
Gulp自定义-c mvvm,按钮,按钮组,组合框,日期输入,日期选择器,日期时间选择器,下拉树,网格,编辑器,文件管理器,列表框,列表视图,菜单,多选,面板栏,滑块,分配器,标签条,工具提示,树视图,上传,窗口,触摸,自动完成,步进器