当前位置导航:炫浪网>>网络学院>>网页制作>>ASP.NET教程

ASP.NET实现类似Excel的数据透视表

  数据透视表提供的数据三维视图效果,在Microsoft Excel能创建数据透视表,但是,它并不会总是很方便使用Excel。您可能希望在Web应用程序中创建一个数据透视报表。创建一个简单的数据透视表可能是一件非常复杂的任务。所以,我打算不但为你提供一个非常有用的工具创建简单和高级的数据透视表,而且为你移除一些笼罩他们的神秘面纱。

  目标是:我们想要有能力将datatable中的二维的数据转换成三维视图。

  在大多数情况下,你会从数据库的查询数据填充数据表,例如

  代码

  SELECT

  SalesPeople.FullName AS [Sales Person]

  , Products.FullName AS [Product]

  , SUM(Sales.SalesAmount) AS [Sale Amount]

  , SUM(Sales.Qty) AS [Quantity]

  FROM

  Sales

  JOIN

  SalesPeople WITH (NOLOCK)

  ON SalesPeople.SalesPersonID = Sales.SalesPersonID

  JOIN

  Products WITH (NOLOCK)

  ON Products.ProductCode = Sales.ProductCode

  GROUP BY

  SalesPeople.FullName

  , Products.FullName

  该查询会产生下面的数据表:

  

Sales Person

Product

Quantity

Sale Amount

John

Pens

200

350

John

Pencils

400

500

John

Notebooks

100

300

John

Rulers

50

100

John

Calculators

120

1200

John

Back Packs

75

1500

Jane

Pens

225

393.75

Jane

Pencils

335

418.75

Jane

Notebooks

200

600

Jane

Rulers

75

150

Jane

Calculators

80

800

Jane

Back Packs

97

1940

Sally

Pens

202

353.5

Sally

Pencils

303

378.75

Sally

Notebooks

198

600

Sally

Rulers

98

594

Sally

Calculators

80

800

Sally

Back Packs

101

2020

Sarah

Pens

112

196

Sarah

Pencils

245

306.25

Sarah

Notebooks

198

594

Sarah

Rulers

50

100

Sarah

Calculators

66

660

Sarah

Back Packs

50

2020

  正如你所看到的,这是一个二维表,它不是一个非常有用的报表。因此,我们得改变,将它变成更可读的数据表。

  数据透视表有3个面。

  X轴构成了在表格上方的大标题。Y轴构成表的左栏,Z轴构成了X轴和Y轴对应的值。简单的数据透视表将会对每一个x轴值都只有一个z轴列,高级的数据透视表将对于每个X轴的值会对应有多个Z轴的值。

  一个非常重要的一点是,Z轴的值只能是数字。这是因为Z轴值为横轴和纵轴的总额。使用一个非数值Z轴字段将抛出一个异常。

  因此,如果你注意上面的数据表,你会发现,“Sales Person”和“Product”字段可以分配到的X轴或Y轴,但不能给z轴。在“Quantity”和“Sale Amount”字段可以被分配到z轴。

  Pivot 类将数据表转换成html table。然后您可以将它输出到Web窗体上。那么,这只是实现的方法。如果你愿意,你可以根据这个类的逻辑创建一个用户控件。

  代码

  #region Variables

  private DataTable _DataTable;

  private string _CssTopHeading;

  private string _CssSubHeading;

  private string _CssLeftColumn;

  private string _CssItems;

  private string _CssTotals;

  private string _CssTable;

  #endregion Variables

  #region Constructors

  public Pivot(DataTable dataTable)

  {

  Init();

  _DataTable = dataTable;

  }

  #endregion Constructors

  这部分的代码是非常自我解释。 你能创建一个Pivot 对象,通过传递一个datatable作为参数。在init()方法只分配一个空字符串值给CSS变量。如果CSS的变量是一个空字符串,构造方法将使用默认的样式。每一个CSS变量都有一个相应的属性。

  代码

  private string FindValue(string xAxisField, string xAxisValue, string yAxisField, string yAxisValue, string zAxisField)

  {

  string zAxisValue = "";

  try

  {

  foreach (DataRow row in _DataTable.Rows)

  {

  if (Convert.ToString(row[xAxisField]) == xAxisValue && Convert.ToString(row[yAxisField]) == yAxisValue)

  {

  zAxisValue = Convert.ToString(row[zAxisField]);

  break;

  }

  }

  }

  catch

  {

  throw;

  }

  return zAxisValue;

  }

相关内容
赞助商链接