Telerik报告?下载30天免费试用

Web报表设计器概述

Telerik Web报表设计器是一个基于HTML5/JavaScript/CSS3 jquery的小部件,允许开发人员将报表设计器集成到他们的Web应用程序中。样式是基于剑道UI Sass默认主题。Telerik Web报表设计器在HTML5报表查看器中预览报表。

当前版本的Web报表设计器提供了基础以外的功能,但仍处于积极开发阶段。在将其纳入生产项目之前,请对其进行彻底审查,以确保设计器适合您的场景。

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,按钮,按钮组,组合框,日期输入,日期选择器,日期时间选择器,下拉树,网格,编辑器,文件管理器,列表框,列表视图,菜单,多选,面板栏,滑块,分配器,标签条,工具提示,树视图,上传,窗口,触摸,自动完成,步进器

另请参阅

在本文中
Baidu
map