如何在页表中创建交互式矩阵

我们已经讲解过很多页表的开发技巧了，今天我们讲一讲如何创建交互式矩阵表（也可以称为交叉表）。

我们已经讲解过很多页表的开发技巧了，今天我们讲一讲如何创建交互式矩阵表，或者说交叉表。我们将使用FastReport.Net的xml数据库。选择好表格：

添加矩阵（Matrix）对象到数据带区：

现在在数据窗口中打开“订单明细”表。你将看到相关联的表：产品与订单。打开订单。它又连接着一张表——员工。我们打开它并将FirstName字段拖到列头：

双击添加的字段。让我们将LastName字段添加到FirstName字段，以显示员工的全名。所以，整个字段组成如下所示：

[Order Details.Orders.Employees.FirstName]+” “+[Order Details.Orders.Employees.LastName]

这大幅扩展了列头。让我们禁用“自动宽度”功能。要做到这点，请右键单击Matrix对象。然后在上下文菜单中勾选掉“自动尺寸”：

现在你可以自由调整行和列的大小。

将Photo字段拖到列头。调整单元格大小以适应添加的字段。

现在找到在订单明细表中找到关联的产品表。打开它。它也有一张关联的类别表。将CategoryName字段从类别表中拖动到行头，并将Picture字段放到同一个单元格。

[Order Details.UnitPrice] * [Order Details.Quantity] *（decimal）（1 – [Order Details.Discount]）

矩阵几乎准备就绪，它还有待选择样式。右键单击矩阵，然后选择“样式”。例如，橙色。这就已经很漂亮了：

在单独的页面上创建详细的表。在表中添加第二页。

将Order Details.OrderDate字段添加到数据带区。接下来，我们将Order Detail.Products.ProductName字段放在它旁边。同时拖动字段：Order Detail.UnitPrice、Order Detail.Quantity和Order Detail.Discount。

要显示所需的员工的数据，你需要过滤表格。我们将传输数据以比较第一页和第二页。为此，请在第二页中创建参数。针对这个选项，我们创建了两个子参数，都是字符串类型：

现在为数据带添加一个过滤器。双击并选择“过滤器”选项卡：

[Order Details.Orders.Employees.FirstName] + ” ” + [Order Details.Orders.Employees.LastName] == [Parameters.Employee] && [Order Details.Products.Categories.CategoryName] == [Parameters.Category]

在这里，我们比较员工姓名与参数，以及类别名称与参数。

我们为详细表添加一个标题：

[Parameters.Employee] order’s.

最终，模板如下：

选择第二页和参数“Parameters”，子参数的值将被自动插入。

表已经准备完毕。我们保存它。

现在创建一个Web应用程序，我将使用ASP.Net MVC项目。

在“参考”中添加对FastReport.dll和FastReport.Web.dll库的引用。

在Controllers文件夹中，找到文件HomeController.cs。这是起始页面的控制器。在这里，我们将使用表对象。

我们添加缺少的库：

using FastReport.Web;using System.Web.UI.WebControls;

添加负责起始页面的Index方法的代码：

public ActionResult Index() { WebReport webReport = new WebReport(); //create the instance of the WebReport. webReport.Width = Unit.Percentage(100); //set the webReport object width 100% webReport.Height = Unit.Percentage(100); //set the webReport object heigh 100% string report_path = "J:\Program Files (x86)\FastReports\FastReport.Net\Demos\Reports\"; //reports folder System.Data.DataSet dataSet = new System.Data.DataSet(); //create a dataset dataSet.ReadXml(report_path + "nwind.xml"); //load the xml db webReport.Report.RegisterData(dataSet, "NorthWind"); //register db in thr report webReport.TabPosition = TabPosition.Hidden; //hide the detail reports tabs webReport.ShowBackButton = true;// show back button ViewBag.WebReport = webReport; //pass the web report to View return View(); }

这里有两个有趣的选项：TabPosition和ShowBackButton。第一个负责显示工具栏上的表标签。我们已经隐藏了标签。第二个选项设置“返回”按钮。它可以让你回到以前的表。

设置页面标题并显示页表：

@{ ViewBag.Title = "Home Page";}@ViewBag.WebReport.GetHtml()

在_Layout.cshtml文件的<head>部分添加脚本和样式：

<head>@WebReportGlobals.Scripts()@WebReportGlobals.Styles()</head>

在“视图”文件夹中的Web.config文件中添加命名空间。

<namespaces> <add namespace="FastReport" /> <add namespace="FastReport.Web" /> </namespaces>

添加位于项目根目录的处理句柄Web.config文件：

<system.webServer> <handlers> <add name="FastReportHandler" path="FastReport.Export.axd" verb="*" type="FastReport.Web.Handlers.WebExport"/> </handlers> </system.webServer>

运行应用程序。我们的矩阵表大概长这样：

点击任何数据单元的类别总数。我们看到有关相关人员和类别的详细表：

详细表显示此员工从所选类别中发出的所有订单。

现在我们可以为页页面创建交互式矩阵了，技能树上又点亮了一个新技能。

产品介绍 | 下载试用 | 优惠活动 | 在线客服 | 联系Elyn

如何在页表中创建交互式矩阵

推荐阅读

发表回复

如何在 页 表中创建交互式矩阵

推荐阅读

相关推荐

发表回复

分享到:

如何在页表中创建交互式矩阵